On this page
THE DIRECT ANSWER
Optimise images by choosing relevant subjects, appropriate dimensions, suitable compression, and clear alternatives. A smaller file is useful only if the product, project, or diagram still communicates what the visitor needs.
Choose the right source and crop
Use material the business is authorised to publish. Check whether the image's subject survives the intended layout on desktop and mobile. A product photograph cropped to remove the relevant connector or size reference may look neat while making the page less useful.
Deliver an appropriate size
Match image dimensions to the places where it appears and use suitable formats and compression. Include width and height information to help reserve layout space. Treat the main visible image differently from images far below the initial view when planning loading behaviour.
Write alternatives for meaning
Describe what an informative image contributes rather than listing keywords. A decorative image may not need a descriptive alternative. For a complex diagram, provide a caption and nearby explanation so its meaning is not confined to labels inside the picture.
An illustrative business scenario
An equipment article can use a concise diagram showing the parts discussed in the text. Its alternative text can identify the relationships, while the paragraph explains the practical implications. Neither needs to repeat the company's target phrase several times.
A practical checklist
- Verify rights and source relevance.
- Inspect the mobile crop.
- Match dimensions to display needs.
- Explain informative image content.
Questions about this topic
Should every image use the same dimensions?
Consistent presentation can help, but the required detail and use case matter. A technical diagram may need different treatment from a decorative cover.
Is the filename enough for accessibility?
No. Use appropriate alternative text and surrounding explanation. A filename alone does not describe the image's contribution to the page.
Further reading
Plan your next website step.
Discuss your business, the visitor journey, and the work you need with Web Developer Jakarta. A short brief can help start a useful conversation.
Discuss Your Website ↗