Image preparation starts with how the asset will be displayed. A photograph used in a small card does not need the same delivered dimensions as a detailed full-width image. Keep original files separately and generate appropriately sized website versions.
A practical approach
Compare visual quality and file size rather than choosing a format or compression setting blindly. Review important details at the actual display size and on relevant screens. Images above the fold and images farther down a page may also need different loading treatment.
Your checklist
- Match output dimensions to the intended placement.
- Inspect compressed images for unacceptable loss of detail.
- Keep source files for future crops and revisions.
For example
A catalogue thumbnail may remain clear at a much smaller size than the original camera file. A technical diagram with fine labels needs a different review because excessive compression could remove information the buyer needs.
Planning a project? Explore our website design or tell us what you need.