SVG to PDF: Keep Vector Art Sharp for Print

The whole point of an SVG is that it isn't made of pixels. A logo saved as SVG is a list of shapes, and it prints as cleanly on a business card as on a banner. The print shop asks for a PDF, which is fine, because PDF can hold the same kind of shapes.

So the conversion should keep them. Many converters don't. They draw the SVG onto an image at some fixed size and put that image in the PDF. On screen it looks identical. Zoom in, or send it to a press, and the edges turn to steps.

I'll admit where I found the clearest example: our own SVG to PDF tool. Its page title promised vector output, and it drew every SVG onto a JPEG at twice the browser's pixel size, roughly 190 DPI for an A4 page. This week it got rebuilt, and the rest of this post is what I learned doing that.

Quick answer: To convert SVG to PDF and keep it vector, use a converter that translates the SVG's shapes into PDF drawing commands instead of taking a picture of it. SVG to PDF does this in your browser. Drop in the file, keep Fit to SVG for a page the size of the artwork (or pick A4 or Letter), and convert. For print-shop files, turn text into outlines in your design app first, so the fonts can't change.

Vector or Picture: How to Tell What You Got

There are two ways to turn an SVG into a PDF, and the output looks the same until you look closely.

Vector conversion reads each path, circle, gradient and line of text and writes it as the equivalent PDF instruction. The PDF stays resolution-independent, text stays selectable, and the file is usually small.

Raster conversion lets a renderer paint the SVG into an image, then puts the image on a page. Everything renders exactly as the browser shows it, but it's frozen at that image's resolution.

Two checks tell you which one you have:

1. Zoom to 800% on a thin line or the edge of a letter. Vector stays a clean edge at any zoom. A picture shows blur or stair-steps.
2. Try to select the text. If you can highlight a word in the PDF, it's real text. If the whole page selects as one block, it's an image.

I built a test poster to compare: an A4 SVG with a gradient banner, a bold title, a serif subtitle, a checkmark drawn as a path, an embedded photo, 5-unit fine print, and two hairline rules 0.2 and 0.1 units thick. Converted the vector way it came out at 122 KB, with text you can select and lines that stay sharp at 600 DPI. Converted as a 300 DPI image it was 1.5 MB, and at the same zoom the fine print showed its pixels.

How an SVG Decides Its Page Size

An SVG doesn't have a page. It has some combination of width, height and viewBox, and the converter has to turn that into PDF points (1/72 of an inch). Here is how SVG to PDF reads it now:

• Absolute width and height win. width="210mm" height="297mm" is an A4 page, exactly. Points, picas, inches, centimeters and millimeters all convert directly.
• Unitless numbers and px are CSS pixels, at 96 to the inch. width="800" is 8.33 inches.
• One side missing: the other comes from the viewBox's proportions. width="4in" viewBox="0 0 400 200" is a 4 by 2 inch page.
• Only a viewBox, or percentages: the viewBox numbers are read as CSS pixels, the way a browser sizes the image. An icon with viewBox="0 0 64 64" becomes a 48-point square.

That last case is common. Icon sets and chart libraries export with a viewBox and width="100%", because they're meant to stretch to fit a web page. If your PDF comes out the wrong size, open the SVG in a text editor and look at the opening <svg> tag. Setting an explicit width and height in millimeters or inches is the most reliable fix, and most design apps write them when you export at a fixed size.

The old version of the tool had no idea about any of this. It asked the browser how many pixels the image was, and when the browser had no answer, it made the page 800 by 600 pixels.

If you want a standard sheet instead, choose A4 or Letter. The artwork is scaled to fit inside a 40-point margin and centered, and it stays vector, so scaling it up costs nothing.

Fonts Are the Weak Spot

Shapes convert cleanly. Text is where SVG to PDF conversion goes wrong, in every tool.

An SVG says font-family="Inter" and trusts whoever displays it to have Inter. A browser does, or substitutes something close. A PDF meant for print should carry its own fonts, embedded in the file, so it looks the same on every machine. Print shops are blunt about this: fonts embedded or converted to outlines, or the file goes back to you.

SVG to PDF draws text with the PDF standard fonts: Helvetica, Times and Courier, which every PDF reader understands without the font being in the file. It maps each font-family to the closest one: sans-serif families like Inter, Arial or Roboto to Helvetica, serif families like Georgia to Times, monospace to Courier. Bold and italic carry over. While testing I found the converter library matches names exactly, so font-family="Helvetica" with a capital H, or any font it didn't recognise, fell back to Times. It maps them itself now.

The standard fonts aren't embedded, though, and that has a visible side effect. When I rendered the converted poster with Poppler, the PDF library behind many Linux viewers and command-line tools, the bold title came out in regular weight: it had to substitute its own Helvetica-Bold, and its substitute wasn't bold. For a file going to print, don't rely on font substitution at all:

1. In your design app, convert text to outlines before exporting the SVG. Illustrator calls it Type → Create Outlines, Inkscape calls it Path → Object to Path, and in Figma you select the text and use Flatten.
2. Export the SVG, convert it, and check the PDF: there should be no fonts listed in its properties.

Outlined text is just more shapes, so it converts exactly.

Text outside the standard fonts' Western European character set (Chinese, Japanese, Arabic, Cyrillic, Greek) can't be drawn with them at all. When an SVG contains text like that, SVG to PDF switches that file to its image route: the browser renders it exactly, at 300 DPI, as a picture. The same happens for SVG filters such as blurs and drop shadows, which the vector route can't reproduce. You get a correct-looking PDF instead of missing letters or a missing shadow, and if you need it vector, outlining the text in your editor fixes that too.

Embedded Images and External Files

An SVG can contain photos, either embedded in the file as data or linked by a path or URL. Embedded images come through into the PDF with their own pixels. A photo is as sharp as its resolution was in the first place: put a 600-pixel photo on an A4 poster and it will look soft in print whatever format surrounds it. Aim for 300 pixels per inch at the printed size.

Linked images are a different matter. A link like href="photo.jpg" points at a file next to the SVG on the designer's computer, and nothing else can see it. SVG to PDF deliberately doesn't fetch anything the SVG points to outside itself, so a linked image is left out, along with any scripts, which have no place in a PDF. If your design has linked images, embed them before exporting (most apps have an "embed images" option in the SVG export dialog).

How to Convert SVG to PDF in Your Browser

1. Open SVG to PDF and drop in your .svg file. The preview shows the page size it read from the file, in inches and millimeters.
2. Choose a page size: Fit to SVG for a page exactly the size of the artwork, or A4 or Letter to center it on a standard sheet.
3. Convert, name the file, and download it.
4. Open the PDF and run the two checks: zoom in on an edge, and try selecting text.

The SVG never leaves your device. For unreleased logos and client work under NDA, that's the main reason to use a browser tool rather than an upload site. Here's why every OxygenPDF tool works that way.

Need several SVGs in one document? Convert each one, then join them with Merge PDF. Going the other way, PDF to SVG pulls vector drawings out of a PDF.

Frequently Asked Questions

Does converting SVG to PDF keep it vector?

With SVG to PDF, yes for most files: shapes, gradients and text are written as PDF vector graphics, and embedded photos keep their pixels. Files with SVG filters or text outside the Latin alphabet are converted as a 300 DPI image instead, so they render correctly.

Why is my PDF the wrong size?

The SVG probably has no absolute width and height, only a viewBox or percentages. The viewBox is then read as CSS pixels. Set width and height in millimeters or inches in your editor, or choose A4 or Letter in the converter.

Will my fonts look the same in the PDF?

Text is drawn with the standard PDF fonts: Helvetica, Times or Courier, whichever is closest. For exact typography, convert text to outlines in your design app before exporting the SVG.

Can I print the PDF at any size?

Yes, if it converted as vector: it has no resolution, so a poster prints as sharply as a sticker. Embedded photos are the exception. They print only as sharply as their own pixel count allows.

Is it safe to convert a confidential SVG online?

With a tool that uploads, you're trusting a stranger's server with your artwork. SVG to PDF runs entirely in your browser tab, so the file isn't uploaded anywhere.

Have a logo the print shop wants as a PDF? Convert your SVG to PDF and keep every edge sharp.