Resize to exact pixel dimensions, compress with a quality slider and convert between JPG, PNG and WebP, without uploading anything.
Picking the right image format can cut file size by 50–80% with no visible loss of quality. Here’s how the common formats differ and which to choose.
The short answer
- Photos → WebP (or JPG for maximum compatibility)
- Screenshots, UI, text, flat graphics → PNG (or lossless WebP)
- Logos and icons → SVG
- Need transparency → PNG or WebP
- Animations → WebP or MP4/WebM video, not GIF
JPG (JPEG)
Compression: lossy, tuned for photographs. Transparency: no. Best for: photos and complex images with gradients.
JPG has been the default for photos since 1992 and works literally everywhere. Quality settings around 75–85% give big savings with no visible difference. Below about 60%, you’ll see blocky artefacts, especially around text and sharp edges.
Avoid for: screenshots, text, logos and anything with sharp lines; artefacts appear around edges.
PNG
Compression: lossless, so every pixel is preserved exactly. Transparency: yes, full alpha channel. Best for: screenshots, interface graphics, diagrams, images with text, and anything needing transparency.
Avoid for: photos. A photo saved as PNG can be 5–10× larger than a good JPG.
WebP
Compression: both lossy and lossless. Transparency: yes, in both modes. Animation: yes. Browser support: all modern browsers (Chrome, Edge, Firefox, Safari 14+).
WebP, developed by Google, typically produces files 25–35% smaller than JPG at similar quality and is smaller than PNG for lossless graphics. For websites, it’s the best all-round choice today.
Watch out for: some older software and many email clients still don’t handle WebP well.
AVIF (the newer option)
AVIF compresses even better than WebP, often 20–30% smaller again, and supports HDR and transparency. Support is now broad in modern browsers, but encoding is slower and tooling less universal. Many sites serve AVIF with a WebP or JPG fallback using the HTML picture element.
SVG
SVG isn’t a pixel format. It’s vector graphics described in XML, so it scales to any size perfectly and is often tiny. Use it for logos, icons and simple illustrations, not photos.
GIF
GIF is limited to 256 colours and is inefficient. For animations, an MP4 or WebM video, or animated WebP, is usually 5–10× smaller at better quality.
Comparison table
| JPG | PNG | WebP | AVIF | SVG | |
|---|---|---|---|---|---|
| Compression | Lossy | Lossless | Both | Both | Vector |
| Transparency | No | Yes | Yes | Yes | Yes |
| Animation | No | No (APNG aside) | Yes | Yes | Yes (via CSS/SMIL) |
| Photo file size | Small | Very large | Smaller | Smallest | n/a |
| Support | Universal | Universal | Modern browsers | Modern browsers | Universal |
Converting formats
Use the image resizer: upload any image, choose JPG, PNG or WebP as the output format, set quality and download. Converting a PNG photo to WebP is often the single biggest saving you can make.
Converting doesn’t restore quality. Saving a low-quality JPG as PNG makes it bigger, not better. Always start from the highest-quality original you have.
More ways to shrink images in How to Reduce Image File Size Without Losing Quality; target dimensions in Best Image Sizes for Websites and Social Media (2026 Cheat Sheet).
Resize to exact pixel dimensions, compress with a quality slider and convert between JPG, PNG and WebP, without uploading anything.