Optimize your Videos for Web (Free Tool) | Diego Davila | Skillshare

Playback Speed

  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Optimize your Videos for Web (Free Tool)

teacher avatar Diego Davila, Entrepreneur and Social Media Innovator

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

5 Lessons (14m)
    • 1. Trailer

    • 2. Optimizing your Videos with this Free Tool

    • 3. Save Time Optimizing Multiple Videos in one shot!

    • 4. Your Project

    • 5. Congratulations!

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.





About This Class

Often when visiting a website, you find great videos, and you click Play! and what happens... the video takes a long time to start and after it started playing the videos stops all the time to reload... Well, that happens because the video is not optimized for Web.

In this Class, you will learn how to Optimize all your videos for Web, so you can use them in your Website, your Blog, your presentation or in any project.

Also, here is the Complete Collection of my Best Sellers Skillshare Courses, you can enroll in all the courses you want!

Meet Your Teacher

Teacher Profile Image

Diego Davila

Entrepreneur and Social Media Innovator


Hi, I'm Diego. welcome to my SkillShare profile! 

My Mission is to help entrepreneurs and small business owners to spread their message all over the world and make a huge impact in the life of their fans, friends, and clients.

My goal is to produce the absolute best material, best courses to help you to bring your life to the next level, next level on your health, finances, relationship, and to help you to conquer your goals so you can live a more fulfilled life.

I want to thank you for taking the time to improve your life and learn more and more, take a look at my courses. I created each one of them thinking about YOU.


Step #1: Join our Private Facebook Group (for students only) > Click Here&nbs... See full profile

Class Ratings

Expectations Met?
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.


1. Trailer: Hey, welcome to the class. Today you'll learn how to optimize your videos for Web so you can use it on your website on your power point presentation or any other project that you want on why this is important. Well, this is very important because video files are large sometimes happen when least in a website. UK, you click play in a video on the video takes forever to load or when it's playing it stop all the time because the video is huge, even if it's a short video. The video files is huge, and that happened because the video is not optimized for what So in this video in this class today, you'll learn how to optimize all your videos. Toe warranty visitors on your website. People are watching your project. They have an amazing experience watching a high quality video with fast speeds on all these with a free tool that I'll show you how to download on your computer and how to use it step by step. See you inside the class 2. Optimizing your Videos with this Free Tool: unhappy to see you here inside the class and let me show you. Let's star optimizing all your videos for Web videos that you can use in your website on your projects on your Power Point presentations UN for Dad. We will be using as free software called handbrake. So in order to have that to download these software, you can go to Google and type hand brake or simply the direct link is handbrake dot f r. So it's handbrake dot f us Frank R. Us Robert on you will see this website in here. The third option is downloads, So clicking downloads I'm here. You can choose the version for your machine if you're in the Mac or Windows Boon to So in this case for me and in a Mac, I'll download the Mac version. If you are on a Windows machine, you can download the wind dispersion, and the great thing about handbrake is that is totally free. You can use it for all your videos. You can you can do even batch person see. So if you have several videos, let's say you have 20 videos that you want to optimize for a website or for your project. You don't need to do it one by one. You can do it all at once. Just set all the settings the first time and you can process the whole video in a package. I'll show you how do that on this being this class. So download the video any style. After stalling opened the program. And here you'll see the options. We have the top menu on all the options here are gray out right now. That's because we didn't assign a file a program of video toe work with this program. So first you need to choose a video you want to optimize for this example. Al use. I have a video here that I went optimize. This is the video and you see the qualities very, very good. The video has 173 megabytes 18. We will confirm that right now. So this is the video. Great quality. So you see here 1 178 megabytes is the size off the fire, so it's too big for a website for online. Imagine if somebody is watching this on the cell phone order under device on. They want to see a video. They need very high speed connection in order to see to download the whole package, the whole 178 megabytes to see your video. Otherwise they will press play on you. Wait, your video will stop all the time waiting for the cell phone, too recharger for the computer to recharge, tow down or the other packets before showing you the whole video. So that's why it's very important to have a new optimized video for your website. So let's do these right now. First, we need to select the file that we want to optimize. So go to source. Select your file. This case, this is my file. 128 megabytes open and now the system. Allow me to see all the options here at the bottom. The first setting we need to modify is on the settings off the program. So if you are in a Windows machine, you go to tools on options. If you are a Mac, you can hear toe handbrake at the top preferences, and here you have the output file. Extinction is set toe outer right now and will change these toe and before and before would be compatible with all mobile devices, all computers and all browsers. So that's what we want for this specific case. Just safe and close these option window. The second setting ease on the format here and output settings. You see normal format. You need to make sure is MP four file in here, too. That's very important, because again, this will make sure this will guarantee that all your do all the devices are compatible with your video. When this is sad, we click on Web optimized Web optimize Simply saying here that this rearrange the header off the M before filed optimized for streaming across the world. This means that all the people that are watching your video will have the optimized MP 34 header so they will have faster speed on great video. After that, we go to the video tap heat at the bar at the middle, off the screen video tap on the video Codec. You need to make sure you have the age to 64 X juice 64 Codec. This is one of the best Codec four video that we have right now. The frame rate F B s just leave it same source. Don't worry about that. Okay? Next we need to in quality. We have two options. You have constant quality. You can try living ladies. If you want to increase, you can come here. Increase or decrease. He was 20. It's leaving on 20 on also the average beat rate. If you have a presentation if you are. If your video is representation is a power point or something, that is a static video. Not much movement on your video. I recommend you to come here on change the bead rate to 600. 700 or maximum 100 here That will dramatically decrease the size off your video. Okay. If you have a live video, a moving video, you can also play with the average betrayed the penny off. How? The lower the big grade, the lower that will be the quality. Okay, so if you want to decrease the size of your videos the video is too big. You can come here on average bit rate on decrease this amount. Okay. If you have a live video, I'm a video with movement. I recommend you to start on 1000 here on just process the video and see if you like the quality of you. If you think the quality is not good, you can increase toe 1100 or 1200 here on DSI. If you like the quality for now, I leave it us constant quality. One more thing before we move on. If you are using the average beat rate, I strongly recommend you to use the to pass and coming. This will warranty a better quality. Okay, next we go toe audio in my video. This specific video doesn't have out here. It's just a video file. But if you're in your video proved probably half out. So what, you need to change here. You need to come toe bid rate and change it to 128 1 28 Probably. Yours will be on 1 60 or 1 90 Changing toe one. Tony A. On this world improved the quality of your video. Don't worry about subtitles on chapters And now that we have all the settings in place, we need to set the destination file. So you click on, browse here on you choose Where do you want to save your file? So in this case, I'll save it on my desktop and I I'll rename it to optimize file optimized video. Okay, Safe. Perfect. So now we have the title. We have the destination. All the signs are good on to start the process, we click on start here at the top. Okay. The videos, including you see, that is going fast, depend of the size of your video. It will be a slower Okay, that the video is done. Let's take a look in the video. Now we have here on before file. So first we check this size. Remember the other one? Let's check again. There are the 1st 1 Original East 178 megabytes. The new version which is optimized for Web East, four megabytes. So we went from 1 78 toe, 4.6 megabytes. So this is great on. Let's check the quality because I know the space is good. The size is good that we have ah, smaller file size. But we also want to keep the quality. So let's check the quality right now. Excellent. The qualities still great. This is the new video you see here and before, and I'll show you. Now they are the original file. So you see, that is dot M O V. The original file is hard to tell. The difference is very high quality on the space that we save is amazing. So this is how you optimize your videos for Web? 3. Save Time Optimizing Multiple Videos in one shot!: in this video Wiggler How to do a batch processing in case you have a lot of video. More than one on you want to do? Optimize all the videos at the same time in one step. I'll show you how to go right now in this video, First we opened where really know how to use the handbrake Now, that's great. So at first we need to select the source if you remember. So before what we did is we came to the video and we say open. Okay, so the system opened on Lee These specific video. Now we have several videos. So first suggestion is to put all your videos in one further on this case. My videos are Are all my desktop further Right now, I have four videos here, so I come here to source and I select the father I want in this case is death stock. I don't select a specific video. I just like the folder and I say open now. Hand brake is uploaded. Is loading all day videos that I have on that fuller you can see here. 1234 videos here. That's what I want and I went to process to optimize all these four videos at once, so let's do it again. First, I make sure my MP three files here in format. What optimizes check my video Codec is age to 64 x 2 64 That's great. I leave it on cost and quality. Remember that you can come here toe average bit rate and play with this number for presentations. I recommend 600 to 800 k bps for live video. You can start playing with 1000 and more. OK. For this case I leave. The constant quality doesn't have audio. If you have out here, you can change the beat rate toe 1 28 on all Looks good right now, so I'll just start. The process on the system will star converting all my videos optimizing or my videos for Web. One very important thing that you need to remember. If your files are in this case, my files are on the desktop folder. The Destination folder need to be different than the source folder in the In this case, off batch processing. That's very important. If you could the same destination to say the same source. Father you'll have problems and eat one work cane, so make sure they are different. They are all done now. Mile videos are ready to upload to my website or to my power for power pouring presentation in the next video, we'll talk about your projects. You there. 4. Your Project: as a final project, I invite you to download the software on its star. The software is free and is very city. Use a zoo so un process Your first video. Optimize your first video imposed that in the projects are here on the skill share website , the original size off the video on the current size that you got after processing if you want. Also, you can add the video file. That would be great on if you can not at the feeding file. For for technical problems, I recommend you to add at least a print screen off your video so we can have an idea off the quality. Okay, I hope to see your project there is very important because we can see your project all the community and see your project. And we can give you feedback in case necessary on motivate other shoes through the same 5. Congratulations!: congratulations and happy to see you here at the end of the class. I hope you like this class this training on. I hope to see you in the other classes I have here on skill share. Also, if you have any questions, you can contact me on diegan avila dot com. I love to receive your emails and to have conversation with my students. And I promise you that if you send me a memo, I will reply to you. I also appreciate your thumbs up here on the sculpture and I hope to see you in the next class.