About PDF to PNG Conversion
PDF and PNG sit on opposite sides of the document/image divide. PDF describes a page using vector commands, embedded fonts, and optionally raster images, all sized in fixed points (1/72 inch). PNG stores a single rectangular bitmap at a fixed pixel resolution. Converting from PDF to PNG is therefore a rasterization step: the PDF's drawing instructions are executed at a chosen DPI to produce a bitmap, which is then encoded losslessly as PNG. Choosing the right DPI is the most important decision in this conversion — too low and text becomes blurry, too high and the file becomes huge.
This converter renders each PDF page using PDF.js, the same engine Firefox ships for built-in PDF viewing. Rendering happens on a canvas in your browser; no part of the file leaves your device. For multi-page PDFs the tool produces one PNG per page, named with a page-number suffix. For single-page PDFs the output is a single PNG.
Common DPI choices are 72 (screen-equivalent, smallest files), 150 (good for online preview and most documentation), 300 (print-quality, suitable for OCR and offset printing), and 600 (archival or fine-detail capture). Higher than 600 rarely produces visible improvement and quadruples file size with each doubling of DPI.
Why Convert PDF to PNG
PDFs are not images. They cannot be embedded inline in HTML emails, dropped into image-only social platforms, used as a desktop wallpaper, or pasted into a chat that does not support file attachments. Rendering each page as a PNG turns the PDF into something every platform understands — at the cost of losing selectable text, hyperlinks, and any vector resolution-independence the original had.
The other major reason is OCR. Many optical character recognition pipelines run on rasters rather than vector PDF directly; converting to a 300 DPI PNG and feeding the result to Tesseract, Cloud Vision, or another OCR service is a standard workflow. PNG is preferred over JPG here because text edges suffer visibly from JPG compression at small sizes, and the marginal file size penalty of PNG matters less than recognition accuracy.
How to Convert PDF to PNG
Drop the file, pick a DPI, render. The tool handles single and multi-page PDFs the same way.
- Upload your PDF: Drag the file into the upload area or click to browse. Encrypted or password-protected PDFs are not supported; remove the password first using a desktop PDF tool. Files up to 50 MB work; very large multi-page documents may take longer to render.
- Choose a resolution (DPI): Default is 150 DPI, which is suitable for most online use. Pick 72 for tiny preview images, 300 for print-quality and OCR pipelines, 600 for archival capture. The output bitmap dimensions scale linearly with DPI; doubling DPI produces a 4× larger file.
- Render the pages: PDF.js parses the document, evaluates each page's content stream onto a canvas at the chosen DPI, and exports the canvas as PNG. Multi-page documents produce one PNG per page; single-page documents produce one PNG.
- Download the PNG(s): Single-page output downloads directly. Multi-page output is bundled into a ZIP archive containing one PNG per page, named page-1.png, page-2.png, and so on.
Technical Details
PDF (ISO 32000) is a page description language derived from PostScript. Each page contains a content stream of drawing operators (move, line, curve, paint, set font, show text) that operate on a coordinate system measured in points. Rendering a PDF means walking that content stream and executing each operator against a target surface — in this case an HTML5 canvas.
PDF.js implements this rendering pipeline in JavaScript. The tool initializes a PDF.js document, calls getPage(n) for each page, and uses page.render({canvasContext, viewport}) where the viewport is computed from the requested DPI. The resulting canvas is exported via canvas.toBlob('image/png'). Multi-page PDFs are processed sequentially; the output is collected into a JSZip archive and downloaded.
Choosing DPI: a US Letter PDF page is 612 × 792 points. At 72 DPI the rendered bitmap is 612 × 792 pixels (about 0.5 MP); at 150 DPI, 1275 × 1650 (2.1 MP); at 300 DPI, 2550 × 3300 (8.4 MP); at 600 DPI, 5100 × 6600 (33.7 MP). Memory and time scale with pixel count.
Frequently Asked Questions
- Will the text in the PNG be selectable?
- No. Rasterization converts text glyphs into pixels, so the output PNG contains an image of the text rather than the text itself. To search or copy text from the result, run the PNG through OCR or work from the original PDF.
- What DPI should I use?
- 150 DPI is a good default for screen viewing and most documentation use cases. Use 72 for tiny thumbnails, 300 for print or OCR, 600 only when you need very fine detail. Higher DPI quadruples file size with each doubling and rarely produces a visibly better result.
- Can I convert a single page from a multi-page PDF?
- The current interface renders all pages. To convert a specific page, first split the PDF using a desktop tool (qpdf, pdftk, or any PDF editor) and convert the resulting single-page file.
- Does it work with password-protected PDFs?
- No. PDF.js intentionally does not implement decryption for security reasons. Remove the password using a desktop tool before converting.
- Is my PDF uploaded to your server?
- No. PDF.js runs entirely in your browser; the file is parsed and rendered locally. You can verify by checking your browser's Network tab during conversion — there will be no upload.
- Why is my PNG huge?
- PDF pages have full document dimensions, and at 300 DPI a US Letter page becomes a 2550 × 3300 pixel bitmap (around 8.4 megapixels). Combined with PNG's lossless compression, files of several megabytes per page are normal at print resolutions. Lower the DPI if file size matters more than fidelity.
- Are vector graphics in the PDF preserved?
- No. Rasterization reduces all drawing — vector shapes, text glyphs, embedded raster images — to a single pixel grid. The output PNG no longer contains vector information.
- Can I convert scanned PDFs?
- Yes. Scanned PDFs typically wrap a single embedded raster image per page; rendering them at the original embedded image's DPI produces output equivalent to the scan. Rendering at higher DPI does not improve quality, since the source is already rasterized.
Related Articles
File FormatsImage Format Guide: JPG vs PNG vs WebP vs SVG Explained
Learn the differences between popular image formats, when to use each one, and how to convert between them for optimal quality and file size.
8 min readFile FormatsThe Complete Guide to PDF Conversion: Methods, Tools, and Best Practices
Everything you need to know about converting PDFs to other formats and vice versa. Covers PDF to Word, Excel, PNG, and more.
10 min readFile FormatsDocument Formats Explained: Word, PDF, TXT, and When to Use Each
Understand the differences between document formats like DOCX, PDF, TXT, RTF, and ODT. Learn which format to use for different purposes and how to convert between them.
8 min readFile FormatsAudio and Video Formats Explained: MP3, MP4, WAV, WebM, and Beyond
Understand the differences between audio and video formats, codecs, containers, and how to choose the right format for your needs.
9 min readPrivacy & SecurityHow to Convert Files Online Safely: Privacy and Security Guide
Understand the risks of online file conversion and learn how browser-based tools keep your data private. A guide to safe file handling.
7 min readPrivacy & TechnologyWhy Browser-Based Tools Are the Future: No Installs, No Uploads, No Risk
Discover why browser-based tools are replacing desktop software and cloud uploads. Learn how client-side processing keeps your files private while delivering powerful functionality.
7 min read