Definition
An AMP image uses the AMP image component for predictable, responsive scaling inside AMP for Email. It integrates with the AMP runtime in supporting inboxes.
Non-AMP clients need a normal image fallback so everyone sees the visual.
AMP images bring predictable, responsive scaling to supporting clients, keeping layouts clean at any width. The same visual must be delivered as a normal image elsewhere so no recipient sees a gap. Alt text remains essential for accessibility and image-blocked previews.
When to Use AMP Images
Use AMP images inside AMP blocks that need responsive layout.
Keep alt text for accessibility.
Best Practices
- Set width, height, and responsive layout.
- Layer a fallback image for non-AMP clients.
- Add alt text for accessibility when possible.
- Add alt text for accessibility.
- Keep file sizes small.
- Test in a supporting inbox.
Was this useful?
Related Glossary Terms
Above the Fold in Email
Above the fold in email refers to the content visible to a recipient before they scroll, a critical area for first impressions and primary calls to action.
Accessible CTA (Email)
An accessible CTA is a button or link coded with sufficient colour contrast, visible focus states, descriptive screen-reader text, and a minimum touch target of 44×44 pixels.
Adaptive Design
Adaptive design in email uses predefined layouts that adjust to specific device or client widths, rather than fluidly resizing to every possible screen.
AI-Generated Content in Email
AI-generated content in email is copy, images, code or subject lines produced by artificial intelligence tools to speed up campaign production and testing.
Alt Text
Alt text is the written alternative to an image in an email, displayed when images are blocked, slow to load, or consumed by screen readers.
Autoplay Video in Email
Autoplay video in email refers to the limited ability to play video content automatically when an email is opened, using specific client-supported techniques.
Frequently Asked Questions
It uses AMP layout semantics for predictable scaling. AMP images bring predictable, responsive scaling to supporting clients, keeping layouts clean at any width.
The live scaling needs AMP; otherwise a normal fallback shows. The same visual must be delivered as a normal image elsewhere so no recipient sees a gap.
No, only within AMP blocks that need responsive layout. Alt text remains essential for accessibility and image-blocked previews.
They can when layout is handled predictably. AMP images bring predictable, responsive scaling to supporting clients, keeping layouts clean at any width.
Provide a normal img so all clients see the visual. The same visual must be delivered as a normal image elsewhere so no recipient sees a gap.