Images

The definitive guide to converting PDF pages into images (JPG and PNG) without losing sharpness

Written and maintained by the KitYards team Published: 9 min read

Turning a PDF page into an image is one of those tasks that looks trivial until the result lands in a presentation and the small print is a grey blur. The conversion itself is simple; the quality is decided entirely by two choices made before it runs — the format and the resolution. Get both right and the output is indistinguishable from the original at any reasonable size. Get either wrong and no amount of post-processing will recover it.

What conversion actually does to the page

A PDF page is mostly a set of drawing instructions: place this glyph from this font at these coordinates, stroke a line of this width, fill this path. Because those instructions are resolution-independent, you can zoom to 800% and the letters stay perfectly crisp. Converting to JPG or PNG rasterises the page — it executes those instructions once, at a resolution you specify, and stores the result as a fixed grid of pixels.

That grid is all you get. The instructions are gone, so the choice of resolution is permanent: an image rendered at 96 DPI cannot be sharpened back to 300 DPI later, because the detail was never computed. This is the single most important thing to understand about the process, and the reason nearly every disappointing export traces back to one number chosen too low.

JPG or PNG: the decision in one rule

JPEG was designed for photographs. It compresses by discarding detail the eye is unlikely to notice, which works beautifully on gradual tonal variation and badly on hard edges. PNG is lossless and compresses by finding repetition, which works beautifully on flat colour and sharp boundaries and badly on photographic noise. A PDF page is usually the second kind of image: black text on white, with hard edges everywhere.

Choose PNG when the page is a document

  • Text-heavy pages, contracts, invoices, forms, certificates.
  • Diagrams, charts, tables, floor plans, anything with thin lines.
  • Anything that will be re-saved, cropped or annotated later — PNG has no generation loss, so editing and re-exporting does not accumulate damage.
  • Anything needing transparency, such as a logo or a stamp lifted from a page.
  • Screenshots destined for documentation, where the text must stay razor-sharp.

Choose JPG when the page is a picture

  • Scanned pages, particularly colour scans, where the content is photographic anyway.
  • Pages dominated by photographs — a brochure, a property listing, a catalogue spread.
  • Anything being sent through a messaging app or attached to an email, where size matters more than the last few per cent of fidelity.
  • Bulk exports of many pages, where PNG would produce files five to ten times larger.

The gap is not marginal. A typical A4 text page at 150 DPI is around 150–300 KB as a PNG and 60–120 KB as a good-quality JPG — but the JPG will show faint halos around the letterforms if you look closely, and those halos get worse every time the file is re-saved. For a page of text you will read on screen, PNG is the safer default; for a colour scan you are messaging to somebody, JPG is.

DPI is the whole story

PDF pages are measured in points, where one point is 1/72 of an inch. An A4 page is 595 × 842 points; US Letter is 612 × 792. The DPI setting is simply the multiplier applied to those dimensions when the page is drawn, so it translates directly into the pixel size of the image you get out.

  • 72 DPI → 595 × 842 px. Thumbnail territory. Body text is unreadable.
  • 96 DPI → 794 × 1123 px. Roughly one-to-one on an old monitor. Adequate for a page preview, not for reading.
  • 150 DPI → 1240 × 1754 px. Comfortably readable on any screen, tolerates moderate zoom. The best general-purpose setting.
  • 300 DPI → 2480 × 3508 px. Print standard. Sharp on high-density phone and laptop displays even at full-page size.
  • 600 DPI → 4960 × 7016 px. Archival and fine-detail work. Files become very large — roughly four times the pixels of 300 DPI.

Choosing for screens

Modern phones and laptops render at two or three physical pixels per CSS pixel. An image that looks correct on paper at 96 DPI therefore looks soft on a modern display, because the screen has more pixels available than the image supplies. This is why 150 DPI, not 96, is the sensible floor for anything a person will actually read — and why 300 DPI is worth it for a page that will be displayed full-screen on a retina laptop or projected in a meeting room.

Choosing for print

Printing has a firm answer: 300 DPI at the final printed size. If the image will be placed at half its natural size on the page, 150 DPI in the file is equivalent — but if there is any chance it will be printed at full size, render at 300. Going to 600 DPI only helps for very small type, fine hairlines or archival scanning; otherwise it quadruples the file for detail no press will reproduce.

Convert PDF pages to JPG or PNG in your browser

Pick the pages, the format and the resolution; each page is rendered locally with pdf.js and downloaded individually or as a ZIP. The document never leaves your device, which matters when the page you need to share is one page of something confidential.

Convert PDF pages

Common jobs and the settings that suit them

Sending one page through WhatsApp, Slack or Telegram

Messaging platforms re-compress images aggressively and often cap dimensions. Export at 150 DPI as JPG: you give the platform enough pixels to survive its own processing without handing it a 6 MB file it will mangle anyway. If the page is a text document and it must stay legible, send it as PNG at 150 DPI, or as a file rather than an inline image where the app allows it.

Placing a page in a slide or a design mock-up

Render at 300 DPI as PNG. Slides get projected and screen-shared at unpredictable scales, and PNG survives the repeated re-saving that a deck goes through. If you need the page to sit on a coloured background without a white box around it, PNG's transparency is the only option.

Filling in and returning a form

Convert at 300 DPI, annotate the image, and be aware of what you are sending back: an image of a form, not a form. If the recipient needs to extract the values automatically, or if the document is going into a records system, they will usually prefer a PDF. Converting back afterwards is possible but the text layer is gone for good.

Extracting a chart or a figure

Render the page at 300 or 600 DPI as PNG, then crop. Rendering high and cropping down keeps the lines clean; cropping first and enlarging afterwards produces exactly the soft, stair-stepped edges you were trying to avoid.

Why your output looks blurry

  • Rendered too low, then enlarged. The most common cause by far. Pixels that were never computed cannot be recovered — re-render at a higher DPI instead of scaling the image up.
  • JPEG quality too low for text. Below about 80, JPEG produces visible ringing around letterforms. On a text page, either raise the quality or switch to PNG.
  • The viewer is scaling it. An image displayed at 120% of its natural size will look soft regardless of how well it was rendered. Check the zoom before blaming the export.
  • A high-density display. A 96 DPI export is genuinely soft on a modern phone or laptop. Double the DPI and the problem disappears.
  • The source was already a low-resolution scan. If the PDF contains a 100 DPI photograph of a page, rendering at 600 DPI produces a large image of a blurry scan. Nothing downstream can add detail the source never had.

Too heavy after export? Compress the images, not the resolution

Render at the resolution you actually need, then compress the resulting images. That order keeps the sharpness and still gets the size down — the reverse does not work.

Compress images

Why doing this locally matters here in particular

The documents people convert to images are rarely trivial: a signed contract page to send to a client, a page of a medical report, a bank statement for a rental application, an ID for verification. These are exactly the files that should not be uploaded to an unknown server for a task a browser can perform on its own. Rendering happens in your tab, the resulting images are held in local memory, and the download comes from a blob URL — the file has no reason to travel and does not.

Checklist before you export

  1. 1 Decide where the image will end up: a screen, a print, a slide, or a message. That answers the DPI question.
  2. 2 Decide what is on the page: text and lines, or photographs. That answers the format question.
  3. 3 Render once at the highest resolution you might plausibly need — you can always compress or scale down, never up.
  4. 4 Inspect the output at 100% before sending it, especially the smallest text on the page.
  5. 5 Remember that the result is a picture: nothing on it is searchable, selectable or accessible any more.

Chose the wrong format? Convert without going back to the PDF

Switch between JPG, PNG and WebP directly. Converting a PNG export to JPG is lossless in the sense that matters — you are not re-rendering the page, only re-encoding an image you already have at full resolution.

Convert format

The tools used in this guide

Free, no sign-up, and everything runs on your own device.

Keep reading