---
title: "What is Image Optimization? Definition & Meaning"
url: https://www.pagespeedmatters.com/resources/glossary/image-optimization
description: "Image optimization is the practice of serving images at the appropriate dimensions, compression level, and format (such as WebP or AVIF) for the requesting..."
lang: en
---

PageSpeed Matters: https://www.pagespeedmatters.com/

See Plans & Pricing: https://www.pagespeedmatters.com/pricing

Image: Image Optimization (https://www.pagespeedmatters.com/__l5e/assets-v1/5f19e772-e434-4fcb-b290-9707471bc050/gloss-hero-image-optimization.png)

Share

Share on X: https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.pagespeedmatters.com%2Fresources%2Fglossary%2Fimage-optimization&text=Image%20Optimization
Share on Facebook: https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.pagespeedmatters.com%2Fresources%2Fglossary%2Fimage-optimization
Share on LinkedIn: https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.pagespeedmatters.com%2Fresources%2Fglossary%2Fimage-optimization
Share on Reddit: https://www.reddit.com/submit?url=https%3A%2F%2Fwww.pagespeedmatters.com%2Fresources%2Fglossary%2Fimage-optimization&title=Image%20Optimization

## TL;DR

Image optimization is the practice of serving images at the appropriate dimensions, compression level, and format (such as WebP or AVIF) for the requesting device, often through the `<picture>` element, srcset, and sizes attributes.

## What is Image Optimization (WebP / AVIF / Responsive Images)?

Learn more in our how to improve image optimization (https://www.pagespeedmatters.com/resources/guides/wordpress-image-optimization) guide, or work with us through our done-for-you speed optimization service (https://www.pagespeedmatters.com/services/core-web-vitals-optimization).

## How WebP / AVIF / Responsive Images is Measured

PageSpeed Insights audits include 'Properly size images', 'Serve images in next-gen formats', and 'Efficiently encode images'.

## Related Terms

Glossary

### Lazy Loading
https://www.pagespeedmatters.com/resources/glossary/lazy-loading

Glossary

### Largest Contentful Paint (LCP)
https://www.pagespeedmatters.com/resources/glossary/largest-contentful-paint

Glossary

### Compression (Brotli / Gzip)
https://www.pagespeedmatters.com/resources/glossary/compression

Sources

- web.dev: Image optimization: https://web.dev/learn/images

## Structured data

```json
[
  {
    "@context": "https://schema.org",
    "@type": "DefinedTerm",
    "name": "Image Optimization",
    "description": "Image optimization is the practice of serving images at the appropriate dimensions, compression level, and format (such as WebP or AVIF) for the requesting device, often through the <picture> element, srcset, and sizes attributes.",
    "alternateName": "WebP / AVIF / Responsive Images",
    "url": "https://www.pagespeedmatters.com/resources/glossary/image-optimization",
    "inDefinedTermSet": {
      "@type": "DefinedTermSet",
      "name": "Web Performance Glossary",
      "url": "https://www.pagespeedmatters.com/resources/glossary"
    }
  },
  {
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [
      {
        "@type": "ListItem",
        "position": 1,
        "name": "Home",
        "item": "https://www.pagespeedmatters.com"
      },
      {
        "@type": "ListItem",
        "position": 2,
        "name": "Resources",
        "item": "https://www.pagespeedmatters.com/resources"
      },
      {
        "@type": "ListItem",
        "position": 3,
        "name": "Glossary",
        "item": "https://www.pagespeedmatters.com/resources/glossary"
      },
      {
        "@type": "ListItem",
        "position": 4,
        "name": "Image Optimization"
      }
    ]
  }
]
```