PDF to SVG - Convert PDF Pages to Scalable Vector Images

What is a PDF to SVG converter?

A PDF to SVG converter reads a PDF page and writes it out as an SVG file — the Scalable Vector Graphics format defined by the W3C. Unlike a PNG or JPEG, which store a fixed grid of pixels, an SVG stores shapes, paths and text as instructions. That means the file stays crisp at any zoom level, from a 16-pixel favicon to a 6-metre banner.

This tool offers two conversion strategies. Vector mode extracts every text item from the PDF and positions it as a real <text> element — so the SVG is editable, selectable and searchable. Embedded image mode renders the page to a PNG or JPEG and wraps it in an <image> tag — visually perfect for pages full of graphics. Both modes produce a single, self-contained SVG file per page.

How PDF to SVG conversion works

The tool reads the PDF with pdf.js. In vector mode it walks every text item, takes its transform matrix, and emits an SVG <text> at the transformed coordinates with a font-size derived from the matrix. In embedded mode it renders the page to a canvas, encodes the canvas as PNG or JPEG, and inlines the base64 bytes inside an SVG <image>. Either way, the result is a valid SVG that opens in any browser or vector editor.

Who should use this PDF to SVG tool?

Web designers who need crisp icons and logos extracted from a PDF. Print designers who want scalable page artwork. Developers who want inline SVG images that can be styled with CSS. Researchers who want to embed a PDF page as a vector in a paper or slide. Anyone who needs a lighter, searchable, scalable alternative to rasterizing a PDF page.

Why convert PDF to SVG instead of PNG?

Both SVG and PNG can display a PDF page, but they solve different problems. Choosing the right one matters for the final result.

SVG stays sharp at any size

Raster images (PNG, JPEG) are limited by their pixel grid. Zoom a 1000-pixel PNG to fill a 4K monitor and it turns into a blur. SVG re-renders at each display size, so it stays razor-sharp from a 16-pixel favicon up to a billboard. For icons, logos and page artwork destined for print or high-DPI screens, SVG is the right choice.

SVG files are usually smaller

A page of text stored as SVG is just a list of characters and positions — often a few kilobytes. The same page as a PNG is millions of pixels — often hundreds of kilobytes. When the page is text-heavy, SVG cuts the file size by an order of magnitude.

SVG text is searchable and accessible

Because Vector mode emits real <text> elements, the SVG stays selectable in a browser, indexable by search engines and readable by screen readers. A PNG of the same page is just pixels — no text layer at all.

When to choose PNG or Embedded mode

If the page contains photographs, complex vector illustrations or gradients, Vector mode cannot reproduce them faithfully. Choose Embedded image mode — it still produces an SVG wrapper, but the page visual is preserved as a raster image. Use this whenever visual fidelity matters more than editability.

How to convert PDF to SVG in 5 steps

The conversion is short and needs no account. Follow these steps and the first SVG will be ready in under a minute.

1. Add your PDFDrag a PDF onto the upload card, click Browse, or import directly from Google Drive or Dropbox. The tool loads the file inside your browser using pdf.js — nothing is uploaded to a server.
2. Choose conversion modeVector mode extracts text items and draws them as real SVG <text> elements so the output stays selectable and infinitely scalable. Embedded image mode renders each page to a PNG or JPEG and wraps it inside an SVG <image> — useful for pages full of vector graphics or images.
3. Set background and scaleWhite for documents, black for dark slides, transparent for overlays. The raster scale only affects embedded image mode: 2× is recommended, 3× is for print quality.
4. Pick a page rangeConvert all pages, only the first page, or a custom range from page X to page Y. Each page becomes its own .svg file inside the ZIP archive.
5. Convert and downloadClick Convert to SVG. Preview each generated page, inspect the raw SVG source, then download the whole set as a ZIP or as individual SVG files.

Testing with one page first

Before converting the whole PDF, choose First page only and inspect the Preview tab. Confirm the mode, background and text rendering look correct, then convert the full document.

Downloading and opening the SVG

Download the ZIP and unzip it to see one .svg per PDF page. Open any of them in a modern browser (double-click), in Inkscape, in Illustrator or in a text editor. For web use, embed with an <img> tag, an inline <svg> block or a CSS background-image.

Features of the PDF to SVG converter

The tool was built for people who need control over how each page is vectorized.

Two conversion modes

Vector mode extracts text into real <text> elements. Embedded image mode wraps a rendered PNG/JPEG inside an SVG. Choose based on whether you need editability or visual fidelity.

PNG or JPEG fallback

In embedded mode, choose PNG for lossless quality or JPEG for smaller files. PNG preserves sharp edges and transparency; JPEG is fine for photographic pages.

1× to 3× raster scale

Embedded mode renders the page at 1×, 2× (recommended) or 3× the PDF native size. Higher scale means more pixels per page and a larger embedded file, but a sharper image when the SVG is zoomed.

White, black or transparent background

White matches most PDFs. Black suits dark slide decks. Transparent removes the background entirely, so the SVG composites over whatever is behind it on the web page or in the editor.

ZIP or individual SVG downloads

Pack the whole document into a single ZIP archive, or download every SVG one by one for a subset of pages. Both are one-click.

Live preview and raw SVG source

The Preview tab renders the generated SVG pages inside the tool. The SVG Source tab shows the raw XML of the first page so you can inspect the exact markup before downloading.

Vector mode vs Embedded image mode

The two modes produce very different SVGs. Choose the one that matches your task.

Choosing the right background

The background controls what sits behind the page content in the final SVG. Because SVG supports transparency, this is a meaningful choice that affects how the file composites with the surrounding page.

White background

The default. Fills the SVG canvas with white before drawing the page. Safe for documents, reports and any PDF that assumes a light background. Recommended unless you have a specific reason to change it.

Black background

Suits dark slide decks, dark posters and any PDF designed with light text on a dark background. Rendering on white would invert the intended look.

Transparent background

Keeps the SVG canvas fully transparent. The page content sits on top, so only the ink of the document remains. This is essential when the SVG will be composited on a coloured web page, inside a document or over a photograph. Only SVG preserves the alpha channel this cleanly — a PNG export would need careful handling too.

Text-based vs scanned PDFs

The right conversion mode depends on the type of PDF you are working with.

Text-based PDFs

Created by Word, Google Docs, LaTeX, online invoices and most digital reports. They contain a real text layer that pdf.js can extract. Vector mode works perfectly here — every text run becomes a <text> element.

Scanned PDFs

Created by a scanner or a phone camera. Each page is a picture with no text layer. Vector mode produces an empty SVG because there is no text to extract. The tool automatically falls back to embedded image mode, so the SVG still looks correct — it just contains a raster image instead of text.

Quick test

Open the PDF and try to select a sentence with your mouse. If the text highlights, it has a text layer and Vector mode will work. If nothing highlights, it is scanned and Embedded image mode is the right choice.

Your PDF stays private

Everything happens in your browser. The PDF is loaded with pdf.js, each page is converted to SVG in JavaScript, and the resulting files are packaged with JSZip. Nothing is uploaded, logged or stored. When you close the tab, the file is gone from memory.

Local processing

Text extraction, canvas rendering and SVG assembly all run on your device, so confidential documents never leave your computer or phone.

Direct cloud downloads

When you import from Google Drive or Dropbox, your browser fetches the file straight from that provider after you grant access.

No account needed

You can convert without signing in. Read our privacy policy for details about the site itself.

Tips for better SVG output

• Try Vector mode first for text-heavy PDFs. It is small, editable and scalable.
• Switch to Embedded image mode for diagrams and photos. Vector mode drops them by design.
• Pick Transparent for logos and overlays. So the SVG composites over any background.
• Use 2× raster scale in embedded mode. That is sharp on high-DPI screens without bloating the file.
• Test the first page before converting everything. Confirm the mode looks right, then convert the full PDF.
• Compress the source PDF. Smaller PDFs convert faster. Try our Compress PDF tool.

Common problems and quick fixes

Related PDF tools for images

These tools complement the PDF to SVG converter and are all free.

Frequently asked questions