Last updated: Feb-07-2023
Learn how to convert videos to animated image formats, such as AVIF, WebP and GIF, on the fly by adding transformation parameters to the delivery URL.
This tutorial presents the following topics. Click a timestamp to jump to that part of the video.
|0:05||You can change a video to an animated image format using the format parameter. For example, to transform an MP4 video to a GIF, specify
|0:24||Images in the GIF file format are, in general, very large. You can reduce the file size by changing the dimensions to suit the displayed image size. For example, scale the image to a width of 600 pixels using
|1:03||Another way to reduce the file size is by changing the format to one that's more optimal, for example WebP. You can do this by adding
|1:32||You can let Cloudinary return the optimal format, based on what is supported by the requesting browser, by using automatic format selection (
|2:06||Make your animated image play infinitely by setting it to repeat continuously with the loop effect (
Optimization TipsTips for delivering optimized images
Zoompan EffectApply the Ken Burns effect to zoom and pan on an image
Named TransformationsSimplify & standardize complex delivery URLs
Check out the Cloudinary Academy for free self-paced Cloudinary courses on a variety of developer or DAM topics, or register for formal instructor-led courses, either virtual or on-site.