How to convert png screenshots into a pdf document
- Step 1Capture and collect your PNG screenshots — Take the screenshots you need (Windows Snipping Tool, macOS screenshot, browser dev-tools capture). They are typically PNG by default. If any are JPG, that's fine — both are accepted.
- Step 2Open the Image to PDF converter — Go to Image to PDF. It accepts
.png,.jpg, and.jpeg. PNG is the lossless choice for UI captures, so it is ideal here. - Step 3Add screenshots in workflow order — Drop them in the sequence the documentation should read — step 1, step 2, step 3. The add order is the final page order; there is no reorder control. Add them carefully or one at a time to control sequencing.
- Step 4Check the queue and trim — Each capture shows its filename and size. Remove duplicates or out-of-order captures with the X button and re-add. On Free, any single PNG over 2 MB blocks the batch — full-screen 4K captures can exceed this.
- Step 5Process to build the PDF — The tool adds one page per screenshot at its native pixel size. There is no caption, page-size, or compression option — captions must be baked into the images beforehand.
- Step 6Download and distribute — Download the PDF (named like
step1.image-to-pdf.pdf). To number the pages for a procedure, run PDF Page Numbers; to mark a draft, run PDF Watermark.
PNG vs JPG for screenshots in this tool
Both are accepted and embedded without re-compression; the difference is in the source format's fidelity.
| Format | Embed call | Best for | Transparency |
|---|---|---|---|
| PNG | embedPng | UI, text, diagrams — lossless, crisp edges | Alpha channel preserved; shows white over the viewer canvas |
| JPG | embedJpg | Photographic captures, screen-recorded frames | No alpha (JPG has none) |
| WebP / AVIF | Not accepted | — | Convert to PNG/JPG first |
What you can and cannot add to screenshots here
This converter has no options panel — annotation and layout must happen before or after conversion.
| Want to… | In this tool? | How |
|---|---|---|
| Add captions/labels under shots | No | Annotate the images first in any editor |
| Number the steps/pages | After | Run PDF Page Numbers on the output |
| Mark as DRAFT/CONFIDENTIAL | After | Run PDF Watermark |
| Reorder pages | By add-order only | Add files in sequence; no drag-to-reorder |
| Resize to uniform pages | After | Run PDF Resize |
Cookbook
Real screenshot-to-PDF documentation jobs and the resulting file. Captures stay in the browser — nothing is uploaded.
A how-to guide from eight UI captures
A support article built as a PDF: eight PNG screenshots of a setup flow, in step order, with page numbers added afterwards.
Input (step order):
01_login.png ... 08_done.png (PNG, 2560x1440)
Step 1 image-to-pdf -> setup.image-to-pdf.pdf (8 pages)
Step 2 pdf-page-numbers, bottom-center
-> numbered step-by-step guideBug-repro trail for a QA ticket
A QA engineer captures the repro steps and the error state, then bundles them as one PDF to attach to the bug tracker — far tidier than five loose images.
Input: repro_1.png repro_2.png error_state.png console_log.png Output: bug-1234.image-to-pdf.pdf (4 pages, lossless) Attach to ticket. No upload to any third party.
Screenshot with transparency
A captured UI element saved as PNG with a transparent background. The alpha channel is preserved on embed; in the PDF, transparent areas show through to the white viewer canvas.
Input: tooltip.png (RGBA, transparent corners) embedPng preserves the alpha channel. In most PDF viewers the transparent corners appear white (no page background in PDF). If you need an explicit white box, flatten the PNG onto white in an editor before converting.
A 4K full-screen PNG over the Free limit
A lossless 3840x2160 capture can easily exceed 2 MB. On Free the batch is blocked. Crop to the relevant region or upgrade.
Add: fullscreen_4k.png (3.4 MB) Result: blocked (Free caps at 2 MB/file) Fix: crop to the relevant UI area (smaller PNG), or upgrade to Pro (50 MB/file).
Wrong step order corrected
Steps 3 and 4 were added in the wrong order. Because there is no reorder handle, fix it by clearing and re-adding in the right sequence.
Queued: 01, 02, 04, 03 (3 and 4 swapped) Fix: - remove 04 and 03 with the X buttons - re-add 03 then 04 - Process -> correct 1,2,3,4 order
Edge cases and what actually happens
PNG with transparency
Preservedpdf-lib's embedPng preserves the PNG's alpha channel rather than flattening it. PDF pages have no background colour, so in most viewers transparent regions appear white. If you need a guaranteed white (or coloured) backing, flatten the PNG onto a solid background in an image editor before converting.
Screenshots out of step order
By designPage order equals add order — there is no reorder control. To fix a wrong sequence, remove the affected captures with the X button and re-add them in the correct order, then process.
4K / Retina capture over 2 MB on Free
BlockedLossless full-screen or 2x captures often exceed the 2 MB Free per-file cap and block the batch with an upgrade prompt. Crop to the relevant region (a smaller PNG), or upgrade to Pro (50 MB) / Pro + Media (500 MB).
Need captions on the screenshots
Not supportedThere is no caption or annotation option in this converter. Bake labels and callouts into the PNGs with any image editor before converting, or add page-level numbering afterwards with PDF Page Numbers.
WebP/AVIF screenshots
RejectedSome capture tools save WebP or AVIF. These are not accepted — the converter takes only .png, .jpg, .jpeg. Convert to PNG first, then assemble.
Output not searchable
By designThe PDF is image-only — text shown in screenshots is not selectable or searchable. If you need to search the captured text, run PDF OCR on the result.
Only one screenshot
BlockedA minimum of two files is required; with one capture the Process button is disabled. Add a second image and delete its page afterwards if you only wanted one.
Mixed page sizes from different displays
ExpectedCaptures from monitors of different resolutions produce pages of different sizes, because each page matches its screenshot's pixel dimensions. Normalise afterwards with PDF Resize if you need uniform pages.
Corrupt PNG
ErrorA truncated or invalid PNG makes the embed step throw and the run fails. Re-take or re-save the screenshot and try again.
Frequently asked questions
Why use PNG for screenshots instead of JPG?
PNG is lossless, so UI text, thin lines, and sharp edges stay crisp — JPG's lossy compression can fuzz them. This tool embeds PNGs with embedPng and adds no further compression, so the captures stay pixel-perfect. JPG screenshots are also accepted.
Can I add captions to each screenshot?
No — there is no caption or annotation option. Add labels and callouts to the images in any editor before converting. For page-level numbering, run PDF Page Numbers on the output.
Will transparent areas in my PNG carry over?
The alpha channel is preserved on embed. Because a PDF page has no background colour, transparent regions appear white in most viewers. To force a specific backing colour, flatten the PNG before converting.
How do I control the order of the screenshots?
Add them in the order you want them to appear — add order is page order, and there is no drag-to-reorder. To fix a mistake, remove captures with the X button and re-add in sequence.
Is there a limit on how many screenshots I can combine?
Free allows up to 10 images per job at up to 2 MB each. Pro removes the count cap and raises the per-file limit to 50 MB. You always need at least 2 files.
Can I make the screenshot PDF searchable?
Not directly — it is image-only. Run PDF OCR on the result to add a searchable text layer over the captured UI text.
Are my screenshots uploaded anywhere?
No. Conversion is fully in-browser — 0 bytes are uploaded — so pre-release or internal UI captures stay on your machine.
What page size will each screenshot use?
Each page is sized to the screenshot's exact pixel dimensions; there is no A4/Letter option. To make pages uniform, convert here then run PDF Resize.
My 4K capture won't add — why?
Lossless full-screen captures often exceed the 2 MB Free per-file limit and block the batch. Crop to the relevant area, or upgrade to Pro (50 MB per file).
Can I mix PNG and JPG captures?
Yes — both formats are accepted and can be combined in one document. Each is embedded with the appropriate call (embedPng / embedJpg).
Can I watermark the PDF as DRAFT?
Not in this tool. Convert first, then run PDF Watermark to stamp DRAFT or CONFIDENTIAL across the pages.
Can I automate building screenshot PDFs?
Yes on paid tiers. The same image-to-pdf job runs locally via the @jadapps/runner, so a CI or capture pipeline can produce documentation PDFs without uploading anything.
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.