Image preparation

How to reduce image size without losing the quality people notice

The goal is not the smallest possible image. It is a fast-loading file that still looks right at the size and place where someone will actually see it.

Start with the image’s real destination

Before changing any setting, identify where the image will be used. A 300-pixel thumbnail, a 1200-pixel product image, and a full-width hero image do not need the same dimensions or file size. Saving a camera photo at its original 4000-pixel width for a small card wastes data without making the card look better.

Find the largest display size you need, then create a delivery copy close to that size. For a normal website image, 1600–1920 pixels on the long edge is often an effective starting point. A marketplace or email service may publish a specific limit; follow that limit and leave a small buffer below it if possible.

Reduce dimensions before pushing compression too far

Pixel dimensions and file size are connected, but they are not the same thing. Reducing a 4000 × 3000 photo to 1600 × 1200 removes millions of pixels that a web visitor may never see. This often gives a better-looking result than keeping the huge dimensions and applying aggressive compression.

Keep the original aspect ratio unless you are intentionally preparing a cropped layout. Stretching an image to a new width and height makes faces, logos, and products look unnatural. If the required shape differs from the original, crop deliberately before resizing rather than forcing the image into the frame.

  • Use an image resizer for exact width and height requirements.
  • Use compression after resizing to meet a specific upload or delivery limit.
  • Always retain the untouched original for print, archives, and future versions.

Choose a format that fits the image

JPG is a familiar choice for photographs. It can make detailed images compact, but it is lossy: high compression may soften texture or create artifacts. PNG is useful for screenshots, sharp graphics, and transparent backgrounds, although detailed PNG photos can remain large. WebP can be a strong web delivery format when the site or platform accepts it.

No format is automatically best. A screenshot with small text may need PNG or a higher-quality WebP to stay crisp. A photo of a product may look excellent as a moderately compressed JPG. Test the exported image at its final display size, not only in a zoomed-out preview.

Review the details viewers will care about

Open the resized or compressed result and inspect fine detail: text in a screenshot, hair and fabric in a portrait, edges of a logo, and smooth areas such as skies. Those areas reveal excessive compression early. If they look wrong, increase the target file size or dimensions and export again from the original.

Avoid compressing the same JPG or WebP repeatedly. Each lossy export can add visible artifacts. When a new version is needed, go back to the original source, choose settings for the new destination, and compare the fresh output.