How to Resize, Compress and Convert Web Images
Choose image dimensions, crop behavior, file format, and quality settings for practical web output.
Resize before compressing
An image displayed at 800 pixels wide rarely needs a 4000-pixel source. Set the required dimensions first, preserve the aspect ratio, and then choose compression. This usually saves more bytes than repeatedly lowering quality on an oversized file.
Choose a suitable format
JPEG suits photographs without transparency. PNG is useful for transparency and sharp interface graphics. WebP often provides smaller web images, while format support in the target workflow still matters. Converting cannot recreate detail already lost.
Check the actual output
Compare edges, gradients, small text, transparency, and file size at normal viewing scale. Keep an original master because repeated lossy exports accumulate artifacts. Remove metadata only when its editing or location information is unnecessary.