Use JPG or WebP for photos, PNG for sharp graphics and transparency. WebP usually gives the smallest files at similar quality.
Side by side
| PNG | JPG | WebP | |
|---|---|---|---|
| Compression | Lossless | Lossy | Lossy or lossless |
| Transparency | Yes | No | Yes |
| Best for | Screenshots, logos, graphics | Photos | Web images generally |
| File size | Larger for photos | Small | Usually smallest |
When to use which
Convert photos to WebP or JPG to save bandwidth, and keep PNG where you need crisp edges or a transparent background.