Image guide

How to Compress Images for the Web

A practical guide to image dimensions, formats, quality settings and file-size comparison.

Large images can slow down pages and take longer to share. Good image preparation starts with the dimensions actually needed by the design, followed by an appropriate format and a quality setting that preserves enough detail. Compression is a trade-off: a smaller file is useful only when the result still looks right for its purpose.

Start with the displayed dimensions

Do not upload a very large original when a page displays a much smaller image. Resize a copy to the largest pixel dimensions the layout needs. Keep the original file as a master so you can create a different version later.

Choose a suitable format

JPEG is common for photographs, PNG is useful for transparency and lossless graphics, and WebP can provide efficient compression for many modern web uses. The right choice depends on the image and the systems that need to display it.

Adjust quality gradually

For lossy JPEG and WebP exports, a higher quality setting usually creates a larger file. Lower settings can introduce visible artefacts around text, fine edges and gradients. Start with a moderate value and inspect the output at the size people will see it.

Compare before publishing

Check faces, text, thin lines and gradients. Compare the original and result side by side. The Image Compressor can export common formats and show the resulting file size.

Last reviewed: 14 November 2026. Always check the current requirements of the destination website or service before publishing or submitting an image.