WebP vs PNG vs JPG: which format should you actually use?

Every image you save is a trade between three things: how good it looks, how big the file is, and how many places will open it. There is no format that wins all three, which is why we still have half a dozen of them decades after the argument started.

The good news is that the decision is far simpler than the internet makes it sound. Almost every real situation collapses into one of three answers, and once you know which question to ask yourself, you stop having to look it up.

The three formats, side by side

Two rows in that table decide most arguments. Transparency is a hard yes or no. If you need it, JPG is out immediately. And “opens everywhere” is what keeps JPG alive despite being the oldest of the three.

Pick your format in ten seconds

1. Ask whether the background must be see-through. If yes, you are choosing between PNG and WebP, and JPG is out. There is no such thing as a transparent JPG, and any tool that claims to make one is quietly filling it with white.
2. Ask whether the image is a photograph or a graphic. Photographs (anything with soft gradients, skin, sky, fabric) compress beautifully with lossy formats. Graphics with flat colour and hard edges do not; they get muddy halos.
3. Ask where the file is going. Your own website means WebP. Someone else’s upload form, a print shop, a client’s inbox or a marketplace means JPG or PNG, because you cannot control what software they use.
4. Default to JPG if you are still unsure and the image is a photo. It is the one answer that is never catastrophic. You may leave 30% of file size on the table; you will not break anything.

Where each one actually wins

JPG earns its place through universality. Every phone, every browser, every printer, every listing tool accepts it without complaint. It is also the only one of the three that has never had a compatibility scare. For anything leaving your control (an attachment, a submission, a print order), this is the format that will still open in ten years.

PNG earns its place through precision. Because it is lossless, a screenshot of text saved as PNG is identical to what was on screen, pixel for pixel. Save that same screenshot as JPG and the letters pick up a grey smear that looks like the screen needs cleaning. PNG is also the format that made transparent backgrounds normal, and it remains the safest way to hand a logo to someone who is not a designer.

WebP earns its place through economy. Google built it to make web pages faster, and its own compression study found lossy WebP files 25 to 34 percent smaller than comparable JPEGs at the same quality, and lossless WebP 26 percent smaller than PNG. On a site where images are most of the payload, that can help load time. It is not always smaller: a PNG with very few colours can come out larger as lossy WebP.

Convert between them for free

Step 1: Start from the best original

Locate the highest-quality version you have: the file straight off the camera or the export from your design tool, not the copy that has been through WhatsApp. Every conversion works from what you give it, and nothing recovers detail that was already thrown away.

Step 2: Convert in the browser for one-offs

Open Squoosh (squoosh.app) and drag the file in. It runs entirely on your device, nothing is uploaded to a server, and it shows a live before-and-after split with the resulting file size. Pick the output format on the right, drag the quality slider until the preview starts to look wrong, then back off five points.

Step 3: Use your operating system for batches

On Windows, open the folder in PowerToys Image Resizer or simply open the images in Paint and save as. On macOS, select the files, right-click, and choose Quick Actions → Convert Image, which handles HEIC, JPG and PNG natively. Neither needs an upload or an account.

Step 4: Check the result at full size

Open the converted file at 100% zoom, not in a thumbnail grid. Compression artefacts hide completely at small sizes and appear the moment someone views the image full screen. Look especially at flat areas, skies, walls, plain backgrounds, where blocking shows first.

Never overwrite your original. Converting is one-way: a JPG exported from a PNG cannot be turned back into that PNG. Keep the master in a separate folder and export copies, or a bad quality setting spotted three weeks later costs you the image entirely.

The right answer by situation

In short

Choose by destination, not by reputation. WebP is technically the best of the three and it is still the wrong answer when you are emailing a photo to someone whose software you cannot see. JPG is technically the weakest and it is still the right answer more often than any other format.

Once the format is settled, the next question is usually weight, and that is a separate skill. Start with compressing images without losing quality, then read about transparent backgrounds if your logo keeps arriving with a white box around it. If the image is a logo or an icon, SVG may beat all three.