SEO6 min read·Updated

AMP Pages and WebP Images

AMP is less common than it was, but many news stacks still emit it. `<amp-img>` accepts WebP. Convert the same masters you use on the canonical article so you do not maintain two quality bars.

Same photo, AMP markup

Use width and height. Provide srcset if you already do. WebP works. Do not serve a 2000 px PNG in AMP 'because AMP is fast' — AMP does not shrink your file.

Why it matters

  • AMP caches still download your image bytes.
  • Editors upload once; both outputs should be light.
  • Lighthouse on AMP still flags huge images.

How to do it

  1. Convert article images to WebP.
  2. Point both canonical and AMP templates at those URLs.
  3. Keep amp-img dimensions in sync to avoid layout errors.
Convert a batch in your browser. Nothing is uploaded.

Put it into practice

Convert your images to WebP right now, free and privately in your browser.

Open the converter

Frequently asked questions

It may. You still should not send a 4 MB original.

No. This is only if you already have AMP.

Keep reading

Workflow6 min read

Blog images to WebP

How to bulk convert article photos and UI screenshots to WebP with different quality for each type.

Read more
SEO6 min read

Optimise images for Google

Google cares about image weight (Web Vitals), file names, alt text and a real caption. Convert to WebP, then do the on-page SEO.

Read more
Tutorial6 min read

WebP in Hugo

Hugo's resources.Process can resize. Convert page bundle images to WebP first so Hugo builds stay quick.

Read more