Prepare images for the web
A practical pass for choosing dimensions, format and quality before an image leaves your design workflow.
Start with the output
Choose the format from the destination. PNG is useful for crisp transparency, JPEG for photographs, WebP for broad modern delivery, and AVIF where the receiving browser and pipeline support it.
Resize before compressing
A smaller decoded canvas is usually a bigger win than squeezing a file that is already far larger than its display size. The resize tool prevents accidental enlargement and checks decoded pixels.
Check the result
HXSL shows the input and result sizes, dimensions and format after re-decoding the output. A conversion can legitimately be larger; the UI does not hide that change.
Pick a format for the destination
PNG keeps crisp edges and transparency. JPEG suits photographs. WebP is the default modern web format. AVIF is smaller where the pipeline accepts it. Resize before you compress.
Related tools
Open Image Compressor, Compress PNG, PNG to WebP and SVG to PNG from the image and SVG hubs. The result summary shows size even when a conversion gets larger.