1. Decide what each image contributes
Ask what a visitor learns from the image. A project photograph can show real work; a product image can clarify an offer; a decorative background may add mood without adding information.
If an image repeats nearby text or distracts from the page goal, it may not need to be there. Give every meaningful visual a clear role.
2. Use relevant and trustworthy visuals
Choose images that are accurate, current, and appropriate for the audience. Prefer original photographs or assets you have permission to use. Check that each image reflects the product, people, place, or work it represents.
Avoid stock imagery that could mislead visitors about the actual business or offer. Keep a record of asset sources and usage permissions.
3. Prepare images for their layout
Choose a crop that keeps the subject visible where the image appears. Use a consistent visual treatment for images that belong to the same project or section, and make sure the image does not obscure overlaid text.
Resize images for their display and use a web-friendly format supported by your publishing setup. Avoid unnecessarily large originals while keeping the image clear.
4. Describe informative images accurately
For an informative image, write concise alt text describing what a visitor needs to know from the image in context. Compare this with the fuller website accessibility checklist. Describe the work shown in a portfolio image rather than repeating a nearby heading or listing keywords.
Decorative images that add no information should generally have empty alt text. A filename helps organize files, but alternative text should describe the actual image.
5. Check visuals in the finished page
Review images in Wio at desktop and mobile sizes. Confirm the crop, contrast, and surrounding text work together, and that no important subject is cut off. Check that image links go to the intended place.
After publishing, open the live page and confirm the images load. Replace outdated visuals when the product, team, or offer changes.
