The Image component places a single image on the page along with an optional photo credit and caption. When a visitor clicks the image, it opens in a lightbox at full size so they can see the details. The photo credit and caption appear both underneath the image on the page and inside the expanded view.
When to use the Image component
The Image component works well when you want to feature a single visual within your content. Good use cases include:
- Featuring a photograph alongside a story or article
- Displaying a graphic, diagram, or illustration that supports surrounding text
- Adding a portrait to a profile or person spotlight
- Visually breaking up long sections of text
If you have several related images that belong together, consider Media: Gallery instead. If you want text to flow around the image, consider Media: Image with Text Wrap.
A note on accessibility
Every image should include alt text so that visitors using screen readers, and anyone whose browser fails to load the image, can still understand what it shows. The Image component prompts you for alt text after you upload your file. Write a brief, plain description of what is actually in the image. Avoid phrases like "image of" or "photo of," since screen readers already announce it as an image.
