In this example, the initial GIF is 3.7 MB, compared to the MP4 version, which The cost savings between a GIF and a video can be pretty significant. To use FFmpeg to convert my-animation.gif to a WebM video, run the followingĬommand in your console: ffmpeg -i my-animation.gif -c vp9 -b:v 0 -crf 41 my-animation.webm Not all browsers support WebM so it makes sense to generate both. WebM videos are much smaller than MP4 videos, but While MP4 has been around since 1999, WebM is a relatively new file format If the input GIF has odd dimensions you can include a crop filter toĪvoid FFmpeg throwing a 'height/width not divisible by 2' error: ffmpeg -i my-animation.gif -vf "crop=trunc(iw/2)*2:trunc(ih/2)*2" -b:v 0 -crf 25 -f mp4 -vcodec libx264 -pix_fmt yuv420p my-animation.mp4 The libx264 encoder only works with files that have even dimensions, like 320pxīy 240px. i flag, and to convert it to a video called my-animation.mp4. This tells FFmpeg to take my-animation.gif as the input, signified by the To use FFmpeg to convert the GIF, my-animation.gif to an MP4 video, run theįollowing command in your console: ffmpeg -i my-animation.gif -b:v 0 -crf 25 -f mp4 -vcodec libx264 -pix_fmt yuv420p my-animation.mp4 There are a number of ways to convert GIFs to video, If you have any GIFs that can be converted, you should see a suggestion to "Use InĭevTools, click on the Audits tab and check the Performance checkbox. Use Lighthouse to check your site for GIFs that can be converted to videos. Videos, you can save big on users' bandwidth. Relatively little work to realize huge gains! By converting large GIFs to Thankfully, this is one of those areas of loading performance where you can do It in your dev tools, only to find out that GIF was really a video? There's a Have you ever seen an animated GIF on a service like Imgur or Gfycat, inspected
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |