Manage and optimize usage for Image Optimization

The Image Optimization section shows the following charts:

The distinct number of source images.

A source image is the original, unaltered image determined by the src prop. If the same source image gets used many times with different transformations, it is only counted once for the current billing period. For example, if you specified <Image src="/hero.png" width="700" height="745" />, /hero.png would be counted as one source image, but could produce multiple optimized images for different devices (e.g. /_next/image?url=%2Fhero.png&w=750&q=75, /_next/image?url=%2Fhero.png&w=828&q=75, /_next/image?url=%2Fhero.png&w=1080&q=75).

You pay for Source Images based on the total number of unique source images used above the included limit in your plan. You can see this number by selecting Count in the chart.

You can also view the number of Source Images used by each project in your team by selecting Projects in the chart. This allows you to optimize your usage for each project.

For tips on ensuring efficient use of Image Optimization, see Managing Image Optimization costs.