Comparisons

JPG vs WebP: Real File Size and Quality Tests

WebP files run about 30 percent smaller than JPG at matched quality. Here is where the artifacts differ, what the size tests show, and when JPG is still the safer choice.

JPG vs WebP: Real File Size and Quality Tests

WebP compresses a photograph about 25 to 34 percent smaller than JPG at the same visual quality, according to Google's own study of 1,000 web images. Both are lossy formats built for photographs, so the real question is not which looks better but which balance of size, compatibility, and features fits your job. JPG dates to 1992 and opens on every device ever made. WebP arrived in 2010 and adds transparency, animation, and a lossless mode that JPG lacks. This comparison covers where the two formats come from, the size tests, how each one fails under compression, the features WebP adds, browser support, the effect on page speed, and the cases where JPG remains the safer pick.

Neither format is a clear winner. WebP wins on file size and features; JPG wins on universal reach. Most modern websites now serve WebP with a JPG fallback, taking the size win for new browsers and safety for the rest. By the end you will know which to use for photos, web delivery, uploads, and archiving.

What JPG is

JPG comes from the Joint Photographic Experts Group, the committee that defined it in 1992, and it was built for one job: making photographs small. It uses lossy compression, dividing an image into 8 by 8 pixel blocks and discarding the fine detail human vision barely registers. A quality dial from 0 to 100 controls how aggressive that discarding is. After more than three decades, JPG support is universal: every operating system, browser, camera, printer, and photo app reads it without setup. That reach is its defining strength.

JPG has real limits, though. It carries no transparency, so any see-through area is flattened to a solid colour. It degrades a little on every re-save, a effect called generation loss. And it smudges sharp text and hard edges at lower quality, since those are the high-frequency detail its compression throws away first. For photographs shared widely, none of these matter much, which is why JPG has lasted.

What WebP is

WebP is an image format Google released in 2010, built on compression from its VP8 video codec. The goal was blunt: make web images smaller so pages load faster. Google designed it to replace three formats at once, matching JPG's photographic compression, PNG's transparency, and GIF's animation in a single container. It offers both a lossy mode for photos and a lossless mode that equals PNG exactly.

Where WebP trails JPG is age. It is fourteen years newer, so a few older programs, some email clients, and certain upload forms still do not read it. On the open web that gap has closed, since every current browser supports WebP. But for a file leaving your control, the younger format carries a small risk the veteran does not.

File size at matched quality

File size is where WebP wins on paper. At the same perceptual quality, WebP's lossy mode holds a photo in roughly a third less space than JPG, because it uses newer prediction and entropy coding. The gap widens on images with flat areas and clean edges, and narrows on grainy, detailed photographs where both formats struggle to find redundancy. Google's 1,000-image study put the average saving at 25 to 34 percent.

Across an image-heavy web page, a third off every photo is real. A page carrying 3MB of JPGs drops to around 2MB as WebP, which is seconds of load time on a slow mobile connection. Multiply that across every page on a site and the bandwidth saving is substantial, both for visitors and for hosting costs.

Where the quality differs

Quality differs most in how each format fails under pressure. JPG breaks into its 8 by 8 blocks and scatters faint ringing artifacts around hard edges when pushed hard. WebP tends to smear fine detail into a soft, slightly blurry result instead of blocking. Neither is objectively better. Blocking distracts some eyes more; softness bothers others.

At high quality settings, the difference vanishes. Both formats look identical to the original at quality 90, so the choice there is purely about size and features. The distinction only appears under heavy compression, where you are trading quality for size deliberately, and even then it is subtle on most photographs.

What WebP adds that JPG lacks

WebP does three things JPG cannot, and each matters for different work:

  • Transparency: WebP keeps a full alpha channel, so a cutout logo or product shot stays see-through, where JPG fills the background with a solid colour.
  • Animation: WebP supports animated clips, replacing GIF with files a fraction of the size and with millions of colours instead of 256.
  • A lossless mode: WebP can match PNG exactly, pixel for pixel, while weighing less, so it doubles as a PNG replacement.

JPG offers none of these. It is a single-purpose photo format, which keeps it simple but narrow.

Browser and software support

Support is JPG's remaining advantage, and it is narrowing. JPG opens in every browser, email client, printer, and legacy program ever made. WebP is now read by Chrome, Firefox, Safari, and Edge, so on the open web the compatibility question is essentially settled. The gaps live elsewhere: some older desktop software, a few email clients, and many upload forms still accept only JPG or PNG.

This is why the two coexist rather than one replacing the other. On a website you control, WebP is safe. For a file you email, print, or upload to an unknown system, JPG avoids every compatibility question in one step.

The effect on website speed

Format choice affects speed, and speed affects ranking. Images are usually the heaviest part of a web page, and page weight feeds directly into Largest Contentful Paint, one of Google's Core Web Vitals and a confirmed ranking signal. Cutting each photo by a third measurably improves load time, that LCP score, and bounce rate. Faster pages also convert better, so the work pays twice.

The practical pattern most sites use is progressive: serve WebP to browsers that accept it and fall back to JPG for the rest. The HTML picture element and most content management systems handle this automatically, so modern visitors get the small file and older ones still see the image.

When JPG is still the safer choice

JPG wins whenever reach matters more than size. For a photo you attach to an email, hand to a print shop, or upload to a portal that lists only JPG and PNG, the veteran format sidesteps the risk that the recipient cannot open a WebP. It is also the safe default for a file you will not manage yourself, since you cannot guarantee the software on the other end.

For archiving, either works, though many photographers keep masters as lossless formats and export JPG or WebP copies for sharing. The rule is simple: WebP for your own website, JPG for anything crossing into unknown hands.

How to convert between the two

Converting either direction takes no install. A browser converter re-encodes the file on your device, so nothing uploads while you switch formats. Our PNG to JPG converter and PNG to WebP converter both run through the HTML5 Canvas API, batch several files at once, and add no watermark. Set the quality, convert, and download. For a website, keep the original and generate both a WebP and a JPG fallback.

Why photographers still reach for JPG

Photographers lean on JPG for reasons beyond compatibility. Every camera shoots JPG straight out of the sensor, so it is the native handoff format for a shoot. Photo labs, stock libraries, and client delivery systems all expect JPG, and decades of editing software treat it as the baseline. A photographer sending a gallery to a client picks JPG because the client can open it anywhere, on any device, without a second thought.

WebP is creeping into this world through web galleries and portfolios, where its smaller size speeds up browsing. But for delivery and archiving, JPG's universality still outweighs WebP's size advantage. The pattern that emerges is consistent: WebP for the web-facing copy, JPG for the file that leaves the photographer's control.

How the quality setting changes the comparison

The quality dial changes which format looks better. At quality 90 and above, JPG and WebP are visually identical, so the only difference is file size, where WebP wins. Drop to quality 60 or below and the two diverge: JPG shows blocky squares and ringing around edges, while WebP smears into softness. Neither is pleasant, but they fail differently.

This is why a fair comparison always matches quality, not file size. Comparing a quality-90 JPG against a quality-60 WebP proves nothing, because you changed two variables. At matched quality, WebP is reliably the smaller file with equal or better handling of edges, which is the honest read of the two formats.

The verdict

WebP wins on the technical merits: smaller files, transparency, animation, and a lossless mode, all with full modern browser support. JPG wins on one thing that still matters, which is opening absolutely everywhere without question. Use WebP for your website and JPG for anything you send into the unknown, and serve WebP with a JPG fallback when you want both.

Frequently asked questions

Which quality setting should I use for WebP?

Quality 80 to 90 for photos, where the difference from the original is invisible. Lower it only when you need a much smaller file and can accept softness.

Do cameras shoot in WebP?

No. Cameras shoot JPG or raw, not WebP, so JPG remains the native format for photography delivery and editing workflows.

Is WebP better than JPG?

On size, yes. WebP is about 30 percent smaller at matched quality and adds transparency and animation. JPG wins on universal compatibility, which is why both remain in use.

How much smaller is WebP than JPG?

Typically 25 to 34 percent smaller for the same photo at equal quality, per Google's study of 1,000 images, with the gap depending on the content.

Does WebP look worse than JPG?

No, not at high quality. Both look identical to the original at sensible settings. Under heavy compression, JPG blocks while WebP softens.

Do all browsers support WebP?

Modern ones do. Chrome, Firefox, Safari, and Edge all read WebP. Some older desktop software, email clients, and upload forms still accept only JPG.

Does WebP keep a transparent background?

Yes. WebP has a full alpha channel, so a transparent image stays see-through, unlike JPG, which flattens transparency to a solid colour.

Which is better for a website, JPG or WebP?

WebP, for speed. Smaller files improve Largest Contentful Paint, a ranking signal. Serve WebP with a JPG fallback so older clients still see the image.

Can I email a WebP file?

Risky. Some email clients do not render WebP, so it may show as broken. Convert to JPG for email, which every client displays.

Does converting JPG to WebP lose quality?

Slightly, since both are lossy. Re-encoding adds one compression pass. At quality 90 the loss is invisible, but avoid repeated round trips between formats.

Is WebP good for printing?

No, use JPG or TIFF. Print workflows expect JPG, TIFF, or PDF, and many print tools do not read WebP, so convert before sending to a printer.

Can I convert JPG to WebP or WebP to JPG?

Yes, both directions. A browser converter re-encodes either way on your device, so files never upload while you switch formats.

JPG and WebP are both lossy photo formats, but WebP holds an image about 30 percent smaller and adds the transparency, animation, and lossless mode JPG lacks. JPG answers with universal compatibility, opening on every device and inbox without question. Use WebP for your website to speed up pages and Core Web Vitals, keep JPG for email, print, and unknown upload forms, and serve WebP with a JPG fallback to get both. Convert either way in your browser with our tools above, free and private.

Quick reference: JPG or WebP

Reach for WebP when the image lives on a website you control, when a photo needs transparency, or when page speed and Core Web Vitals matter. Reach for JPG when the file leaves your control: an email attachment, a print job, a stock submission, or an upload form that lists only JPG and PNG. When you want both benefits, serve WebP with a JPG fallback so modern browsers get the small file and everyone else still sees the image. That one rule covers almost every real decision between the two.