How to export a pdf page as a png for design compositing
- Step 1Isolate the graphic on its own page first — If the logo/illustration shares a page with other content, run PDF Extract Pages (or split) so the asset is alone on one page. Cleaner page = cleaner cut-out later.
- Step 2Open the converter and drop the PDF — Load PDF to PNG and drop the file. It auto-converts every page — there are no options, and notably no transparency toggle.
- Step 3Collect the white-backed PNG — Each page downloads as
…-page-N.pngat 144 DPI with a solid white background. This is your high-quality raster; transparency comes next. - Step 4Remove the white in an editor — Open the PNG in Photoshop/Affinity/GIMP. For artwork on flat white, use Select > Color Range (or Magic Wand) on the white, delete, and save as PNG-24 with alpha. For automatic results, drop it into remove.bg or Canva's Background Remover.
- Step 5Refine the matte on hard vs soft edges — Hard-edged logos cut cleanly. Drop shadows and anti-aliased glows need a manual mask or Refine Edge so you don't leave a white fringe. Defringe/Matting helps remove residual white pixels.
- Step 6Save and composite — Export the cut-out as PNG-24 (transparency preserved) and place it into your mockup, deck, or web layout. Verify there's no white halo at 200% zoom before you ship.
What this tool does — and where transparency actually happens
The converter is step one (a clean raster). Transparency is a downstream step. This table maps the whole job so there are no surprises.
| Stage | Where | What you get / do |
|---|---|---|
| Render page | This tool (pdf.js) | Page rasterised at 2x (144 DPI) |
| Background | This tool (pdf.js default) | Opaque WHITE — not transparent |
| Encode | This tool (canvas PNG) | Lossless 8-bit PNG, white-backed |
| Cut out white | Your editor / remove.bg | True alpha transparency added here |
| Refine matte | Your editor | Defringe, mask soft edges/shadows |
Background-removal options after export
Pick by artwork type. Flat-colour logos cut cleanly with a colour-key; photographic or soft-edged art needs AI or manual masking.
| Artwork type | Best removal method | Effort | Result quality |
|---|---|---|---|
| Flat logo on white | Magic Wand / Color Range delete | Low | Excellent |
| Line-art diagram | Select white > delete + defringe | Low | Excellent |
| Logo with drop shadow | Manual mask / Refine Edge | Medium | Good (preserve shadow) |
| Photo / complex subject | remove.bg or AI subject select | Low | Good, may need touch-up |
| Anti-aliased small text | Color Range + matting | Medium | Good (watch fringing) |
File-size and page limits by tier
Real limits from the PDF tool family. The free tier blocks oversized files or page counts with an upgrade prompt before any rendering starts; everything runs locally in your browser either way.
| Tier | Max file size | Max pages per PDF | Files per job |
|---|---|---|---|
| Free | 2 MB | 50 | 1 |
| Pro | 50 MB | 500 | 5 |
| Pro + Media | 500 MB | 2,000 | 50 |
| Developer | 2 GB | 10,000 | 1 (unlimited batch) |
| Enterprise | Unlimited | Unlimited | Unlimited |
Cookbook
The reliable two-step path: clean raster here, true transparency in your editor. Recipes for the common compositing cases.
Logo on white → transparent PNG (Photoshop)
The classic cut-out. Works perfectly when the logo sits on flat white in the PDF.
1. PDF to PNG -> logo-page-1.png (white background) 2. Photoshop: Select > Color Range > click the white 3. Edit > Cut (or delete) -> checkerboard shows through 4. Layer > Matting > Defringe 1px (kills white halo) 5. Save As PNG-24 -> transparent logo ready to composite
One-click automatic removal (no editor)
For a quick result without Photoshop, route the exported PNG through an AI remover.
PDF to PNG -> export.png (white bg) -> upload to remove.bg / Canva Background Remover -> download cut-out.png with real alpha Great for logos and clear subjects; check edges on shadows.
Isolate first, then export (cleaner cut-out)
Don't fight a busy page. Extract the graphic to its own page so the cut-out has nothing else to mask around.
deck.pdf (graphic is on page 4 with text) 1. PDF Extract Pages -> page 4 only -> p4.pdf 2. PDF to PNG -> p4-page-1.png (white bg, just the graphic) 3. Remove white in editor -> clean transparent asset
Why the export isn't transparent (the white-fill step)
Understanding the cause so you don't waste time hunting for a toggle that doesn't exist.
Under the hood:
canvas created (would be transparent) ->
pdf.js render() with default background 'rgb(255,255,255)' ->
canvas is filled WHITE before the page is drawn ->
toBlob('image/png') -> opaque white background baked in
There is no option to disable the white fill in this tool.Drop shadow that must survive the cut-out
Color-key deletion kills the shadow too. Preserve it with a manual mask instead.
Artwork has a soft drop shadow on white:
- Color Range delete -> removes shadow (looks flat) [bad]
- Manual layer mask -> paint out hard white, keep
shadow falloff -> realistic transparent asset [good]
Use Refine Edge for the soft transition zone.Edge cases and what actually happens
Exported PNG has a white background
White by designThis is expected, not a bug: pdf.js fills the canvas with opaque white before rendering and there is no option to turn it off. Treat the export as a clean raster and add transparency in your editor or with an AI remover afterward.
The PDF artwork already had a white rectangle behind it
Stays whiteEven if the tool didn't fill white, a filled white rectangle in the PDF would render as white anyway. Color-key removal still works for both — the result is identical: select the white and delete.
White halo / fringe after cutting out
Defringe neededAnti-aliased edges leave a 1px white fringe when you color-key. Apply Layer > Matting > Defringe (Photoshop) or a 1px erode/feather to clean it. This is a downstream editor step, not something the converter controls.
Drop shadow disappears after removal
Use a manual maskA colour-key selection deletes the shadow's white falloff too, flattening the look. Mask manually and keep the shadow's soft transition instead of deleting all white.
You expected a transparency toggle in the tool
No such optionThis converter has no options at all — it auto-converts on drop. There is no alpha/transparent-background switch. Transparency is a separate, downstream step by design.
Free tier and the file is over 2 MB or 50 pages
Blocked — upgradeFree caps PDFs at 2 MB and 50 pages. Larger inputs are blocked with an upgrade prompt before rendering. Isolating just the asset page (extract-pages) usually keeps you well under both caps.
Encrypted / password-protected PDF
Render failsAn encrypted PDF can't be rasterised without its password and the conversion fails. Remove the password with PDF Remove Password first.
Vector logo looks soft after export
Expected at 144 DPIRasterising at 144 DPI softens crisp vector edges slightly versus the original. For the sharpest cut-out, isolate the asset on its own (ideally small) page so 144 DPI spends its pixels on just the graphic.
Multi-page PDF produced many files
Allow multiple downloadsEvery page becomes a PNG. If you only wanted one asset, extract that page first so you get a single clean file instead of one download per page.
Soft gradient edges look jagged after AI removal
Manual touch-upAutomatic removers can harden soft gradients. For premium results on gradient or glow edges, finish with a manual mask and a slight feather rather than relying on the AI matte alone.
Frequently asked questions
Does this tool export a transparent PNG?
No. The renderer fills the canvas with opaque white, so every exported PNG has a solid white background — there is no transparency option. The tool's job is a clean lossless raster; you add transparency afterward in an image editor or with a background remover.
Why isn't the background transparent if the PDF has no background?
pdf.js renders onto a canvas and applies its default white background ('rgb(255,255,255)') before drawing the page. This converter doesn't override that, so the white gets baked into the PNG regardless of what's behind the artwork in the PDF.
How do I actually get a transparent cut-out then?
Export the PNG here, then remove the white: in Photoshop use Select > Color Range on the white and delete (plus Defringe), or drop the PNG into remove.bg / Canva's Background Remover for an automatic result. Save as PNG-24 to keep the alpha.
What resolution is the exported PNG?
A fixed 2x scale, which is 144 DPI. There's no DPI control. For the sharpest cut-out, isolate the graphic on its own (small) page first so the 144 DPI is concentrated on the asset rather than a full sheet.
Will my drop shadow survive the background removal?
Only if you mask manually. A colour-key delete removes the shadow's white falloff and flattens it. Use a layer mask with Refine Edge to keep the soft shadow while removing the hard white.
Can I isolate just one graphic before converting?
Yes, and you should — it gives a cleaner cut-out. Use PDF Extract Pages to pull the page with your asset, then convert that single-page PDF here. You'll get one PNG with nothing else to mask around.
Is my artwork uploaded?
No. Conversion runs entirely in your browser; the file is never uploaded. Only the pdf.js worker library is fetched from a CDN. The downstream background-removal tool you choose has its own privacy terms, so for confidential assets prefer a local editor over an online remover.
Why does the JPG version look the same about the background?
JPEG can't even store transparency, so PDF to JPG is also white-backed. For anything you intend to cut out, use the PNG output here — PNG at least supports alpha once you add it downstream.
I removed the white but there's a faint outline left
That's edge fringing from anti-aliasing. Apply Defringe/Matting (1px) or erode the selection by a pixel before deleting. It's a normal finishing step for any color-key cut-out, independent of this converter.
Can the tool at least output PNG-24 with an alpha channel?
The PNG it writes does have an alpha channel, but every pixel is fully opaque because of the white fill — so effectively there's no transparency. You make pixels transparent in the editing step; the format already supports it.
What about pages with their own coloured background?
Whatever colour the page actually contains is rendered faithfully on top of the white fill. If the page is, say, light grey, you'll see grey; you'd key out grey instead of white in your editor. The white only shows where the page is otherwise empty.
Is there a faster path for many logos?
Put each logo on its own page in one PDF (or extract them), convert here to get one PNG each, then batch them through an AI remover. That's the most efficient route for turning a sheet of brand marks into transparent assets.
Privacy first
All PDF processing runs locally in your browser using PDF-lib and pdf.js. No file is ever uploaded — only metadata counters are saved for signed-in dashboard stats.