![]() Moreover, ImageEngine also has advanced logic to assess what the best optimization strategy is: to optimize the original GIF or to convert it to MP4 or WEBP. For example, if the image has transparency, the image will not be converted to MP4 even if the device supports it, simply because the MP4 format does not offer transparency. Of course, ImageEngine analyzes both the GIF and the device capabilities before an optimization strategy is chosen. In the long run, ImageEngine is the best tool for the job. Still, if the use case is perfect, it requires some crafting to make it optimal. Typically this is the case when the image is small, transparent, and has a limited amount of colors and animation. In some cases, GIF is still the best format. How ImageEngine Optimizes GIFsĪs mentioned, GIF is an image format with many valid use cases. Still, both are excellent alternatives to GIFs, that will speed up your site or newsletter significantly. MP4 is more efficient for large, movie-like GIF files with many frames, while WEBP is more efficient for classic GIF use cases. This is where we see the difference between a codec made for images and one made for video. In other words, MP4 reduces the payload by 57% and WEBP compresses GIF payload by 53%. In fact, compared to the original payload generated by GIFs, MP4 is only 43% of that payload, and WEBP is 47%. Both WEBP and MP4 handle animation much better than GIF. Why would we replace GIF with WEBP or MP4? Because of performance. This IMG tag will play the video inline as if it was a GIF. The latest releases of Safari actually support files with video mime type to be referenced in regular image tags. MP4 is a video format, but GIF is an image format… How can we make this work without changing the markup or at least do some JavaScript hacking? Animated WEBP is supported from Chrome version 32, and Opera 19.īut what about Safari browsers? Since version 11.1 for desktops and iOS 12 with Safari version 12 for mobile devices, MP4 is supported. Google’s WEBP format actually supports animation. Now you can compress GIF files on the fly. This is where ImageEngine, thanks to its built-in device detection and real-time image optimization, comes in. There are actually a few good alternatives to GIF, however browser support is diverse. Use ImageEngine to Optimize and Compress GIFs GIF is great for many things, but it’s not made for videos or advanced animations. This is because there are some outliers at the high end of the scale which are more like videos rather than animations. The average file size of original GIFs being served through ImageEngine is 176kB, but the median is only 46kB. We studied a sample of more than 3,600 GIFs served via ImageEngine, an image CDN by ScientiaMobile. This approach can make the page load faster, and potentially lighter.īecause GIFs have such diverse applications, the file size also varies vastly. ![]() This is a clever use of GIF because it does not require any JavaScript hacks to change the source of an img tag. Additionally, GIF has found a rather new niche in online stores: relying on the animation features of GIF, a set of product images can be rotated, like a carousel. In addition to icons, GIF is also popular for banner ads which require some sort of motion. Are GIF Files Inefficient for Animations and Videos? It is reasonable to believe that many of these requests are for tracking pixels and other non-visible artifacts. Then GIF accounting for 26% of all the image requests in the dataset! GIF is not dead! Looking at the payload the GIFs represent is as expected lower than the other image formats, because GIFs are nowadays usually used for icons or smaller images on a webpage.Īccording to the data, an average webpage requests 13 GIFs per page. Not unexpectedly, JPEG is the most popular format, followed by PNG.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |