PNG vs JPG vs WebP: Which Format Should You Export Your PDF Pages To?
You've got a PDF — maybe a scanned contract, a product brochure, or a technical diagram — and you need to pull pages out as images. Simple enough. But then the export dialog asks you to pick a format: PNG, JPG, or WebP. Suddenly it's not so simple.
Most guides tell you "PNG for quality, JPG for small files." That advice isn't wrong, exactly. But it's the kind of shortcut that leaves you with blurry logo exports or 4MB screenshots you didn't need. The real answer depends on what's actually in your PDF page and what you're going to do with the image after.
Let's dig into each format with some actual context — not just specs, but real-world PDF export scenarios where one clearly beats the others.
The Core Difference (Without the Jargon)
Before the comparison, one concept you need to understand: lossy vs. lossless compression.
Lossless means the image file stores every pixel exactly as it was. You can compress it, open it, edit it, and save it a hundred times — nothing changes. PNG is lossless.
Lossy means the encoder throws away some visual information to make the file smaller. The smarter the encoder, the less you notice. JPG is lossy. WebP can be either, depending on how you export it.
This distinction matters enormously for PDF pages because PDFs often contain a mix of content types: sharp vector text, rasterized photos, diagrams with solid flat colors, gradients, embedded fonts. No single image format handles all of these equally well.
PNG: The Safe Default (With Caveats)
PNG is the format most PDF tools default to, and there's a sensible reason — it never degrades your content. What's in the PDF comes out pixel-perfect. Text stays sharp at the edges. A logo that uses a specific shade of red comes out exactly that shade.
Where PNG wins hard:
- Text-heavy pages. Letters have hard edges. Lossy compression blurs those edges, creating that familiar "crushed text" look around compressed characters. PNG avoids that entirely. If you're extracting an invoice, a legal document, or anything someone will read on screen, PNG is the right call.
- Transparent backgrounds. This is the killer feature. If your PDF has a logo or diagram sitting on a transparent layer, only PNG (and WebP lossless) will preserve that transparency. JPG does not support an alpha channel at all — it will fill your transparent areas with white or whatever the canvas color is. That's fine until you drop that image onto a dark background and end up with an ugly white box around your logo.
- Flat-color graphics. Illustrations, icon sets, org charts, flowcharts — these compress extremely well in PNG because large areas of identical color reduce down aggressively. A diagram that's mostly white with some blue lines might be 80KB as a PNG but 200KB as a JPG.
Where PNG struggles:
Photographs. If your PDF page contains a full-bleed product photo or a scanned image with lots of natural texture — grass, fabric, skin tones — PNG files balloon. A single page with a high-resolution photograph can easily hit 8–12MB as a PNG. That's rarely acceptable for web use or email. For photographic content, PNG's lossless nature becomes a liability rather than an asset.
JPG: The Workhorse Nobody Gets Excited About
JPG has been around since 1992 and it shows. It has no transparency support, it degrades a little every time you re-save it, and it handles text and sharp edges poorly at aggressive compression levels. Despite all of that, it's still the right answer in a large number of PDF export situations.
Where JPG wins hard:
- Photo-rich pages. Magazine spreads, product catalogs, marketing brochures with full-bleed photography — JPG was built for this. At quality 85–90, you get files that look indistinguishable from the original to human eyes, at a fraction of the PNG file size. A page that's 10MB as PNG might be 400KB as a high-quality JPG.
- Compatibility. Every device, every browser, every application on earth opens JPG without a second thought. If you're sharing exported PDF pages widely and have no idea what the recipient will view them on, JPG is the safest bet in terms of pure compatibility.
- Archival scans with no editing needed. If you've scanned a document and just need to store it or share it once, JPG at high quality is a perfectly reasonable format. You're not going to re-save it, so the generational loss issue doesn't apply.
Where JPG fails you:
Anything with text at low-to-medium quality settings. The compression artifacts cluster around high-contrast edges — exactly where letter forms live. Export a text-heavy page as JPG at quality 60 and look closely at the letters. That fuzzy halo around characters? That's JPG compression doing what it does. At very high quality settings (95+), this mostly disappears, but then your file size starts approaching PNG territory anyway, and you lose the whole point.
Also: no transparency, ever. That's a hard constraint, not a setting you can tune.
WebP: The Modern Option Worth Taking Seriously
WebP was developed by Google and has had full browser support across Chrome, Firefox, Safari, and Edge since around 2022. It's increasingly supported in design tools, CMSes, and image editors. If you were avoiding it because of compatibility concerns, most of those concerns are now obsolete.
The technical pitch: WebP achieves roughly 25–35% smaller file sizes than JPG at equivalent visual quality. It also supports lossless compression (comparable to PNG), transparency (full alpha channel), and even animation. It's genuinely the most versatile of the three formats.
Where WebP wins hard:
- Web publishing workflows. If you're extracting PDF pages to put on a website — blog posts, product pages, knowledge bases — WebP is almost always the right answer now. Smaller files mean faster page loads, and modern browsers handle them natively without any tricks.
- Mixed-content pages. Got a page with both a product photo and a sharp headline? WebP handles the transition better than JPG does. Lossless WebP beats PNG on file size for many types of content.
- Transparency + small size. If you need a transparent-background image that's also small, WebP lossless is your only real option. PNG with transparency can be large; WebP lossless with transparency is typically 20–30% smaller for the same image.
Where WebP still has friction:
Not every PDF tool exports to WebP yet — the format is supported in online PDF converters and newer desktop apps, but some older tools simply don't offer it. Also, if you're sending exported pages to clients who might open them in older software (think someone running Windows 7 with Office 2013), WebP might display as a broken image or require an extra plugin. For anything leaving your immediate control, check what the recipient's environment supports.
The Decision Matrix
Here's how to actually choose when you're staring at that export dialog:
| Your PDF page contains… | Best format | Why |
|---|---|---|
| Mostly text (contracts, invoices, articles) | PNG | Sharp edges, no compression artifacts around letters |
| Full-bleed photography, scanned images | JPG (high quality) or WebP lossy | File size savings are massive; lossless isn't worth the MB cost |
| Logos, icons, or diagrams on transparent background | PNG or WebP lossless | Only these formats preserve the alpha channel |
| Mixed (photo + text + charts) | WebP lossy | Best balance of quality and size; handles varied content well |
| Going on a website | WebP (lossy or lossless depending above) | Smaller = faster load times; browser support is now universal |
| Being sent to unknown recipients / legacy systems | PNG or JPG | Maximum compatibility; don't surprise people with unsupported formats |
One Thing Everyone Gets Wrong: Resolution
Format choice matters, but there's an upstream decision that affects all three equally: the export resolution (DPI or PPI). A PDF page exported at 72 DPI will look soft and pixelated regardless of whether it's PNG, JPG, or WebP. For screen use, 150 DPI is usually the floor. For print or detailed technical diagrams, go 300 DPI or higher.
The frustrating part is that more resolution directly inflates file size in all three formats. If you find yourself exporting at 300 DPI and panicking about a 15MB PNG, the answer isn't always to switch to JPG. Sometimes it's to export at 150 DPI, which will be perfectly sharp on any modern monitor and a fraction of the size.
The Bottom Line
There's no universally correct answer — but there is a correct answer for your specific situation. If you walk away with one heuristic: choose PNG when sharpness and fidelity are non-negotiable; choose JPG when file size is the constraint and the content is photographic; choose WebP when you're publishing to the web and want the best of both worlds.
The format debate only gets complicated when people apply a blanket rule to every export. Pay attention to what's actually on the page, what the image is for, and who will open it. Those three questions settle 90% of cases before you even need to think about compression ratios.