Image & Video APIs
Menu

Optimization tips (video tutorial)

Last updated: Nov-24-2025

Overview

Watch this tutorial to learn how to optimize your images to improve the performance of your website or application.

Video tutorial


This video is brought to you by Cloudinary's video player - embed your own!
Use the controls to set the playback speed, navigate to chapters of interest and select subtitles in your preferred language.

Tutorial contents

This tutorial presents the following topics. Click a timestamp to jump to that part of the video.

Optimization tip #1 - scale images to their display size

Jump to this spot in the video 0:24 Resizing images to their display size can reduce the bandwidth required to deliver them. Use Cloudinary's c_scale parameter, together with a width or height, to scale an image to its display size. You can also automate resizing by taking advantage of Cloudinary's support for responsive design.

Optimization tip #2 - automate quality

Jump to this spot in the video 0:56 Use Cloudinary's quality parameter with a value of auto q_auto, a smart algorithm that reduces the size of your images while retaining their visual quality. If a quality parameter is not applied in your URL, Cloudinary uses a default setting, Default image quality, which can be modified in Cloudinary Console under Settings > Optimization.

Optimization tip #3 - auto select file format

Jump to this spot in the video 1:39 Use Cloudinary's fetch format parameter with a value of auto f_auto to automatically detect which browser is requesting the image so that it may select and deliver the image in its most efficient format.

Optimization tip #4 - change format to reduce file size

Jump to this spot in the video 2:07 You can use the lossy flag fl_lossy to convert images from PNG to JPEG if the alpha channel is not being used, to reduce the file size.

More optimizations

Jump to this spot in the video 2:47 You can get more optimizations and insights based on your usage patterns by going to the Reports page in your Cloudinary Console.

Keep learning

Related topics
  • Image optimization: How to optimize the delivery of your images by resizing, adjusting the quality, and using the 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.

If you like this, you might also like...

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.

AltStyle によって変換されたページ (->オリジナル) /

✔️ Feedback sent!

✖️
How helpful was this doc page?

Thanks for submitting your rating. We got it!
We'd love to hear more. Tell us what you liked and how we can make this page even better:

*

Cloudinary is committed to protecting your information security. For details, see our privacy policy.

For additional assistance, open a support request.

Error

Unfortunately there's been an error sending your feedback.

Rate this page: