The latest articles on DEV Community by Simple Dev (@simple_dev_aeb2f8). https://dev.to/simple_dev_aeb2f8 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4034689%2F67722940-541a-49a6-84dc-afdefb659073.png https://dev.to/simple_dev_aeb2f8 en Simple Dev Sat, 18 Jul 2026 04:34:06 +0000 https://dev.to/simple_dev_aeb2f8/how-to-combine-png-screenshots-into-a-single-pdf-report-13en https://dev.to/simple_dev_aeb2f8/how-to-combine-png-screenshots-into-a-single-pdf-report-13en <p>You've just finished a UI review, a bug investigation, or a design iteration. You have 15 PNG screenshots. Your client or manager wants a single PDF.</p> <p>Emailing 15 individual files is messy. Sharing a folder link feels informal. The clean answer is one ordered PDF document — here's how to do it quickly.</p> <h2> Why PNG → PDF makes sense </h2> <ul> <li> <strong>Single file</strong> — one attachment, not a folder</li> <li> <strong>Ordered</strong> — you control the page sequence</li> <li> <strong>Universal</strong> — opens on any device without losing layout</li> <li> <strong>Professional</strong> — better for client handoffs, sprint reviews, and design approvals</li> </ul> <h2> Option 1: Command line (ImageMagick) </h2> <p>If you're on Linux/macOS and want to automate this:</p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>convert screenshot-1.png screenshot-2.png screenshot-3.png output.pdf </code></pre> </div> <p>Or for a whole directory:</p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>convert *.png output.pdf </code></pre> </div> <p>Works well for batch automation in CI pipelines or local scripts. Note: ImageMagick may need Ghostscript installed for PDF output (<code>sudo apt install ghostscript</code> on Ubuntu).</p> <h2> Option 2: Quick online tool (no setup) </h2> <p>When you just need to get it done in 30 seconds — drag the PNGs in, reorder them, download the PDF.</p> <p><a href="https://www.pdflines.com/tool/png2pdf" rel="noopener noreferrer">PDFLines</a> lets you <a href="https://www.pdflines.com/tool/png2pdf" rel="noopener noreferrer">combine PNG to PDF online</a> without installing anything. Upload multiple files, drag thumbnails to set the page order, convert. No watermarks, no account required, files are deleted after the download window.</p> <p>Steps:</p> <ol> <li>Open the tool</li> <li>Drag and drop your PNG files</li> <li>Reorder thumbnails if needed</li> <li>Click Convert</li> <li>Download the PDF</li> </ol> <p>Under a minute for a typical 10–20 screenshot batch.</p> <h2> When to use which </h2> <div class="table-wrapper-paragraph"><table> <thead> <tr> <th>Situation</th> <th>Approach</th> </tr> </thead> <tbody> <tr> <td>One-off report for a client</td> <td>Online tool — faster</td> </tr> <tr> <td>Recurring CI/CD visual diff</td> <td>ImageMagick in a script</td> </tr> <tr> <td>Shared workflow with non-devs</td> <td>Online tool — no setup for them</td> </tr> <tr> <td>Air-gapped environment</td> <td>ImageMagick local</td> </tr> </tbody> </table></div> <h2> Bonus: ordering matters </h2> <p>If you name screenshots with zero-padded numbers (<code>01-login.png</code>, <code>02-dashboard.png</code>...), <code>convert *.png</code> picks them up in the right order automatically. For the online approach, drag thumbnails to arrange before converting.</p> <p>One PDF, correct page order, ready to share.</p> productivity tutorial tooling devtools