Smaller images, sharper results
A practical way to choose dimensions, compression and file formats.
Start with dimensions
An image that will display at 800 pixels wide rarely needs a 5,000-pixel source for that placement. For high-density displays, consider exporting around twice the displayed width, then compare the result at its actual display size. Use the image resizer before trying increasingly low quality settings.
Choose a format for the content
JPEG is useful for photographs without transparency. WebP is a flexible option for photos and transparent graphics. PNG preserves crisp edges and transparency, but can be much larger for photographs. A screenshot with small text needs a different compromise from a background photo.
Compare before you replace
Try a moderate quality setting first. Look at faces, gradients, small text and fine edges in the downloaded image. Check both file sizes: re-encoding can make an already optimized image larger. Keep the original until you have checked the exported result.
Understand the local workflow
These image tools use the browser’s canvas API. The selected image is not uploaded by the tool. The export is static, so use a different workflow for animation. Canvas exports normally discard original metadata; keep your source file if you need it.