Last updated: Aug-27-2023
Watch this tutorial to learn how to optimize your images to improve the performance of your website or application.
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.
Resizing images to their display size can reduce the bandwidth required to deliver them. Use Cloudinary's
|0:56||Use Cloudinary's quality parameter with a value of auto
|1:39||Use Cloudinary's fetch format parameter with a value of auto
|2:07||You can use the lossy flag
|2:47||You can get more optimizations and insights based on your usage patterns by going to the Reports page in your Cloudinary Console.|
- Image optimization: How to optimize the delivery of your images by resizing, adjusting the quality, and using the most optimal formats.
- Video optimization: How to optimize the delivery of your videos, including how to use optimal formats, codecs and bitrates as well as resizing and adjusting the visual quality.
Optimize Videos in ReactOptimize delivery of videos in a React app
Named TransformationsSimplify & standardize complex delivery URLs
Advanced Image ComponentsSDK components to improve your user's experience
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.