Go deeper
Choose the Right Image Format
Learn when to use JPG, PNG, WebP, HEIC, SVG, or PDF, and avoid files that are too large, blurry, or hard to open.
Reduce image dimensions and file size without making photos, screenshots, or graphics look needlessly blurry.
Resize each image to the largest size it will actually appear, then compress it and check the result at normal viewing size. Use a format that fits the content instead of forcing every image into the same format.
Reduce wasted pixels first, then lower file size carefully.
Check the largest width and height the image needs on the page, including larger screens.
Create a web copy close to those dimensions instead of publishing the full camera or design size.
Use JPG or WebP for photos, PNG for transparency or sharp flat graphics, and SVG for suitable vector artwork.
Compare the result with the source at normal page size and keep the smallest version that still looks clean.
An image with far more pixels than the page can show wastes download time. Removing those extra dimensions often saves more than aggressive compression.
Photos, screenshots, and logos compress differently. The wrong format can create large files or visible damage.
Learn when to use JPG, PNG, WebP, HEIC, SVG, or PDF, and avoid files that are too large, blurry, or hard to open.
A file-size number cannot tell you whether an image still looks good. Review the parts people notice first.
There is no single correct size. Small cards should be lighter than large banners, and detailed photos may need more data than simple graphics. Use the smallest file that still looks good in its real page position.
Lossy compression removes some image data, but careful settings can make the change hard to notice. Lossless methods preserve image data but may save less space.
WebP is useful for many web images, but keep PNG where transparency or crisp flat detail benefits from it, and provide a fallback if your required software does not support WebP.
It can remove some extra data, although resizing and image compression usually make a larger difference. Removing location metadata can also protect privacy.
Pick the step that matches your file. Each tool runs in your browser.