> ## Documentation Index
> Fetch the complete documentation index at: https://cloudinary.com/documentation/llms.txt
> Use this file to discover all available pages before exploring further.

# Optimization tips (video tutorial)

## 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
{table:class=tutorial-bullets}|  | 
| --- | --- |
|{videotime:id=media :min=0 :sec=24 :player=cld} | [Resizing images](resizing_and_cropping) 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](responsive_images) design.|

### Optimization tip #2 - automate quality
{table:class=tutorial-bullets}|  | 
| --- | --- |
|{videotime:id=media :min=0 :sec=56 :player=cld} | 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
{table:class=tutorial-bullets}|  | 
| --- | --- |
|{videotime:id=media :min=1 :sec=39 :player=cld} | 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
{table:class=tutorial-bullets}|  | 
| --- | --- |
|{videotime:id=media :min=2 :sec=07 :player=cld} | 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
{table:class=tutorial-bullets}|  | 
| --- | --- |
|{videotime:id=media :min=2 :sec=47 :player=cld} | You can get more optimizations and insights based on your usage patterns by going to the **Reports** page in your Cloudinary [Console](https://console.cloudinary.com/console).|

## Keep learning

> **READING**:
>
> * [**Image optimization**](image_optimization): How to optimize the delivery of your images by resizing, adjusting the quality, and using the optimal formats.

> * [**Video optimization**](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...

  
  
  
    Optimize Videos in React
    Optimize delivery of videos in a React app 
  

  
  
  
    Named Transformations
    Simplify & standardize complex delivery URLs 
  

  
  
  
    Advanced Image Components
    SDK 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.