Large images can slow a page and use mobile data, but aggressive compression makes product and portfolio photos look poor. Start by matching the file dimensions to the largest display size the page needs.
Compare the result at real size
- Export a correctly sized image rather than uploading a camera original.
- Try modern formats supported by the site's image pipeline.
- Compare fine detail, gradients, and text at both desktop and mobile sizes.
Keep an original copy outside the production asset folder. Inspect the built page to confirm the browser downloads the optimized file instead of an unused oversized source.