How to export an svg illustration as a pdf
- Step 1Finalise and export the illustration as SVG — Complete edits in your vector tool, then export
.svg. Convert live text to outlines and embed any raster textures as data URIs so they survive conversion (external references aren't fetched). - Step 2Open the SVG to PDF converter and drop the file — Add the single
.svg. Only.svgis accepted, and the tool processes one file per job — it isn't a batch exporter. - Step 3Let it convert automatically — There are no options, so conversion begins on drop: rasterise at 2×, JPEG-encode at q=0.92, place on one page sized to the viewBox. No artboard-size or quality prompt appears.
- Step 4Review colour and transparency — Open the result. Remember the background is white and colours are RGB — check that no part of the artwork relied on transparency or CMYK that won't survive.
- Step 5Download the proof — Save
<name>.svg-to-pdf.pdfand send it for review. Keep the original.svgas your master. - Step 6Combine multiple pieces if needed — For a multi-image portfolio sheet, convert each illustration separately, then merge them into one PDF with the merge tool.
Illustration features vs. how they survive conversion
What renders, what flattens, and what's dropped, given the raster pipeline.
| Feature in the SVG | Result in the PDF | Note |
|---|---|---|
| Vector paths / line work | Rasterised at 2× | Sharp at preview size; not editable vector afterwards |
| Linear / radial gradients | Rendered into the bitmap | Smooth on screen; subtle banding possible after JPEG |
| Opacity / alpha transparency | Composited onto white | Real alpha is lost — transparent areas become white |
| Layer names / groups | Flattened | PDF has no editable layer structure from this tool |
| Embedded raster (data URI) | Included | External href images are NOT fetched — embed them first |
Proof here vs. send the master
Pick the right artefact for each audience.
| Audience / use | Right output |
|---|---|
| Client preview / approval round | This raster PDF proof |
| Portfolio PDF / case study | This PDF (merge several with pdf-merge) |
| Printer needing editable vector / CMYK | Original .svg or an Illustrator vector PDF |
| Artwork that must keep transparency | Keep the .svg/PNG — don't flatten to white here |
| A flat PNG/JPG render for the web | Export raster from your design tool, or rasterise a page with pdf-to-png |
Cookbook
Illustration-specific cases and the resulting PDF.
Portrait artboard with a viewBox
A standard illustration export with a viewBox produces a proportional portrait page.
Input SVG header: <svg viewBox="0 0 600 800" ...> Result: PDF page: 600 x 800 pt (portrait) Image: 1200 x 1600 px JPEG (2x), q=0.92 Background: white
Gradient-heavy artwork
Gradients render into the bitmap; very smooth gradients may show slight JPEG banding.
Input: full-bleed radial gradient sky
Result: gradient looks smooth on screen; on close
inspection at 100% there may be faint banding
from JPEG q=0.92. Acceptable for proofs;
deliver the vector master for print.Illustration with intentional transparency
Alpha is composited onto white. A piece designed to sit over a coloured page loses that effect.
Input: semi-transparent overlay meant for a dark page
Result: overlay composited onto WHITE -> wrong look
Fix: add the intended background to the SVG, or keep
the .svg/PNG and place it over the real backgroundMulti-piece portfolio sheet
Each illustration is its own SVG; convert separately, then merge.
Workflow: piece-01.svg -> convert -> piece-01.svg-to-pdf.pdf piece-02.svg -> convert -> piece-02.svg-to-pdf.pdf ... pdf-merge all -> portfolio.pdf (one multi-page file)
Artwork with placed (linked) photos
External image references aren't loaded — embed them before converting.
Risk: <image href="./texture.png"> (external)
-> blank region in the PDF
Fix: in the design tool, embed the image so the SVG
carries it as a base64 data URI, then convertEdge cases and what actually happens
Output is raster, not a vector master
By designThe illustration is rendered to a 2× bitmap and embedded as JPEG. It's high-resolution but not editable vector and not infinitely scalable. Use it as a proof; deliver the original .svg (or an Illustrator vector PDF) when a printer needs editable, scalable art.
Transparency flattened to white
Flattened to whiteThe canvas is filled white before drawing, so opacity and alpha are composited onto white. Artwork designed to sit over a coloured layout loses that effect. Add the intended background to the SVG, or keep the SVG/PNG for placement.
Smooth gradients show faint banding
JPEG q=0.92Gradients render into the bitmap and are then JPEG-encoded at quality 0.92, which can introduce slight banding on very smooth transitions when viewed at 100%. It's fine for proofs; for print-grade gradients, deliver the vector master.
Colours are RGB, not CMYK
RGB onlyThe pipeline outputs an RGB JPEG — there's no CMYK or spot-colour support. Colours may shift versus a CMYK print. Use this for screen proofs; hand the vector master to the printer for colour-managed output.
Linked/external images render blank
Not fetched<image href="..."> and external url(...) references aren't loaded during conversion. Placed photos and external textures come out blank. Embed them in the SVG as data URIs before converting.
Live text uses a non-embedded font
Font fallbackExternal fonts aren't fetched by the <img> renderer, so live text falls back to a system font. Convert text to outlines before export, or embed the font as a data URI, so typography renders exactly as designed.
Multi-artboard SVG only shows one viewport
Single viewportAn SVG has one viewport, so a multi-artboard design exports/converts as a single composition. Export each artboard as its own SVG, convert each, and combine with pdf-merge for a multi-page set.
Heavy SVG over the free size limit
Blocked on FreeFree handles files up to 2 MB per job; illustration SVGs with large embedded bitmaps can exceed that and are blocked with a size message. Pro raises the limit to 50 MB. Flatten or optimise embedded rasters if you hit it.
Frequently asked questions
Is the resulting PDF print-ready vector?
No. The tool rasterises the illustration to a 2× bitmap and embeds it as a JPEG, so the PDF is a high-resolution raster preview, not editable vector and not infinitely scalable. It's ideal as a client proof or portfolio piece. For print production, deliver the original .svg or an Illustrator-exported vector PDF instead.
Will SVG transparency be preserved?
No — the canvas is filled white before the artwork is drawn, so opacity and alpha get composited onto white. A piece meant to sit over a coloured background will look wrong. Add the intended background to the SVG, or keep the SVG/PNG and place it over the real background in your layout tool.
Can I convert a multi-artboard illustration in one go?
No. An SVG has a single viewport, so multi-artboard work doesn't carry over. Export each artboard as a separate SVG, convert each one, and combine the resulting PDFs with pdf-merge.
Does it keep my layer names?
No. The artwork is flattened into a single image, so there are no editable layers or layer names in the PDF. The visual appearance is preserved; the editable structure is not. Keep your .svg master if you need to revisit layers.
Will gradients look smooth?
Mostly yes — gradients render into the bitmap and look smooth on screen. Because the image is JPEG-encoded at quality 0.92, very smooth gradients can show faint banding when zoomed to 100%. For print-grade gradients, send the vector master to the printer.
Are colours accurate for print?
The output is RGB; there's no CMYK or spot-colour support. Expect possible colour shift versus a CMYK press. Use this PDF for on-screen approval and deliver a colour-managed vector to the printer for production.
My placed photo came out blank — why?
External (linked) images aren't fetched during conversion. Anything referenced by <image href="..."> or external url(...) renders blank. Embed the image in the SVG as a base64 data URI before converting and it will appear.
Why did my custom font change?
The SVG renders through an <img>, which can't load external fonts. Live text in a non-embedded font falls back to a system font. Convert text to outlines before export, or embed the font in the SVG as a data URI, so the typography is preserved.
Can I choose the page size to match my artboard?
There's no size option — the page is taken from the SVG's viewBox (or width/height), so it already matches your artboard if the export included those. To force a specific output size afterwards, run the PDF through pdf-resize.
Is my artwork uploaded anywhere?
No. Everything runs locally in your browser via pdf-lib; the SVG never leaves your device. That's important for commissioned, unreleased, or embargoed illustration work.
What's the file size limit?
Free tier handles files up to 2 MB per job; Pro raises it to 50 MB. Plain vector illustrations are small, but pieces with large embedded raster textures can exceed 2 MB — optimise or split them if blocked.
I need a flat PNG/JPG render for the web — can this help?
Not directly; this tool outputs a PDF. Export a raster directly from your design tool for the web. If you only have the PDF, pdf-to-png can rasterise a page — though note it can't recover transparency that was already flattened to white.
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.