CONVERT GIF TO WEBM AND ADD AUDIO MP4

That means you can specify both the dynamic Cloudinary URL, which converts the animation to MP4 and the alternative URL, which converts the animation to WebM. However, the HTML5 tag, with which you can specify multiple source types for the same video, works in most modern browsers. Chrome supports both MP4 and WebM Firefox, only WebM and Internet Explorer, only MP4. Not all browsers support all video formats. The following image, converted to JPEG by Cloudinary and weighing only 5.6 KB, is a 150×100 thumbnail with a semitransparent overlay of a previously uploaded Play button: Cloudinary can handle that implementation dynamically. Below is the video generated by Cloudinary, weighing only 467 KB.Ī common practice of implementing animation with video is to display a single frame with a Play button, clicking which starts the actual video.

The automatically generated MP4 video weighs 311 KB, only 5 percent of the original GIF, a considerable savings in bandwidth and load time.Ĭonverting the same GIF to a WebM video involves setting the file extension to webm. Setting the format (file extension) to mp4 dynamically converts the GIF to an MP4 video, after which Cloudinary caches it persistently and delivers it through a content delivery network (CDN): Weighing 6.3 MB, this GIF takes a long time to load. Cloudinary also dynamically resizes, crops, and transforms those short videos to match your site design. Look to Cloudinary’s cloud-based image-management service for an automated conversion of animated GIFs to MP4s or WebMs for all modern browsers. That means you must selectively convert your GIFs to the appropriate format for the viewing browser, which is a daunting challenge. However, not all browsers support all video formats the MP4 or WebM container format works on only certain browsers. The first step is to convert all uploaded GIFs to video. All modern browsers support the HTML5 tag and embedding of short videos as MP4 or WebM. Afterwards, you can still display the same animated content but would consume less bandwidth, accelerate page loads, and save server resources. Since animated GIFs serve mainly as short videos, an effective way to reduce their file size is to convert the image format to a modern video format like WebM or MP4. Also, resizing and transforming a large number of animated GIFs, one by one, to match the graphic design of your site or app is a lengthy, CPU-intensive process. However, because those GIFs are not optimized, their sizes are huge, consuming heavy bandwidth and slowing down page loads. Short videos of animated GIFs are spreading like wildfire around the web, especially in media and news sites, and people frequently share animated GIFs on social apps.

Convert gif to webm and add audio