Cloudinary's Media Optimizer is one of the fastest and easiest ways to optimize your site or app's images and videos at scale. Let's show you how to set up your first optimization project and to start delivering optimized assets.
This video is brought to you by Cloudinary's video player - embed your own!
This tutorial presents the following topics. Click a timestamp to jump to that part of the video.
|0:17||Our example uses Amazon S3 as the origin for our site's images. However, we support many other origins with the Media Optimizer, including Google Cloud Storage, Cloudinary's own storage, as well as any publicly available web address.|
|0:40||Delivering optimized assets should result in faster load times for the site, and a better user experience for visitors.|
|1:41||Log in to your Cloudinary Media Optimizer account, and then go to the configuration section.|
|1:55||Set up a new media source, giving it a memorable name and pointing to the S3 bucket.|
|2:38||Create a delivery profile for the optimized assets, which determines the new URL structure for the files and the optimizations used for them.|
|3:54||Media Optimizer automatically converts files to the most optimal format, based on the visitor's browser and device. Original files that are PNGs or JPEGs could be converted to different formats, such as WebP and AVIF, for all your visitors.|
|4:23||The automatic quality transformation applies the right level of compression, removing any extra kilobytes from the file to help it load faster, but also without any visible degradation to the original version.|
|4:56||Load one of the S3 bucket's images into the browser with the new URL from the Media Optimizer delivery profile and notice the incredible byte savings!|
|5:34||Replacing all of the URLs in your site is easy, since the file names from the S3 bucket remain the same. Changing the URL structure can be typically done quickly with most popular IDEs.|
- Read our full documentation about Media Optimizer.
- Learn from industry expert Tim Kadlec about web performance and Core Web Vitals in our webinar.
- Research the top use-cases and benefits you'll experience with Media Optimizer.
- Contact our team to set up Media Optimizer for your business or organization.
Check out 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.