SVG to PDF

What is SVG to PDF?

This page draws an SVG into a bitmap and embeds that image in a one-page PDF. Drop a file, pick one from disk, or paste <svg text. Conversion stays in the browser. Files are not uploaded.

The PDF is not a vector file. Paths are painted to pixels first, then placed on the page. One pixel equals one point (1/72 inch). The page is not fitted to A4. Size is a scale (1×, 2×, or 3×) or a custom width in pixels. Height follows the aspect ratio. If the long edge would pass 4096 pixels, the export shrinks in proportion and the file card says so.

The default background is transparent, stored in the embedded PNG. Some viewers still paint the page white behind transparent pixels. White or a custom color flattens the image before it is embedded. Several files download as separate PDFs, or as a ZIP of those PDFs.

When it fits

• A slide deck, print shop, or form wants a PDF and will not accept SVG
• You need a fixed pixel size, not an infinitely sharp vector
• You want the same drawing as SVG to PNG, wrapped in a PDF page

To keep editable paths, download SVG from PNG to SVG or edit them in the SVG editor. To switch among PNG, JPG, WebP, and PDF, use the SVG converter.

How it works

The PDF is a wrapper around a bitmap, built in the browser:

1. Sanitize. Scripts, javascript: URLs, external images, and foreignObject are removed, the same cleaning SVG to PNG uses. The markup is drawn from a blob URL. It is not inserted into the page.
2. Render to canvas. Pixels are painted at the scale or custom width you chose. Transparency stays in the embedded PNG unless you pick a flatten color.
3. Scale, then embed. The long edge stays at or below 4096 pixels. pdf-lib places that raster on one page at one point per pixel. The original paths are not written into the PDF.

Tracing is a different pipeline. PNG to SVG quantizes colors and fits curves, and it scales the source to a 1024-pixel long edge first.

Privacy

Files never leave your browser. The SVG is read with the local File API, drawn on a canvas on this device, and packed into a PDF here. pdf-lib loads in the page only when you export. Nothing is posted to a server.

Limits

• The embedded image is a raster. Zooming the PDF shows pixels, not new vectors.
• Preview and rasterizing both load a blob URL in an <img>. MDN's img element reference describes that mode: scripts inside an SVG used as an image do not run.
• External images, javascript: URLs, scripts, and foreignObject are removed before export. @font-face and page fonts are unreliable when SVG is loaded as an image, so type may fall back.
• Each file must be 8 MB or smaller. About 10 files can be exported at once. The export long edge stays at or below 4096 pixels. A trace on the other pages scales to 1024 pixels before curve fitting.
• PDF here means a page with an image XObject, built with pdf-lib in the browser. pdf-lib is loaded only when a PDF is produced.

References

• ISO 32000 (PDF)
• pdf-lib
• MDN: SVG
• MDN: The img element

How to use it

1. Add an SVG

Drop a .svg, click to choose a file, or paste with Ctrl+V or ⌘+V. Paste accepts image/svg+xml and text that contains <svg. The page reads the file locally through the browser File API. It is not uploaded to devtool.tech first. No file yet? Use the badge or icon sample under the drop zone.

About 10 files is the batch limit. Anything over 8 MB is skipped.

2. Choose a size and a background

Scale mode uses 1×, 2×, or 3×. Custom width sets the width in pixels and keeps the aspect ratio. Numeric width and height on the SVG, including px, are the base when both are set. A percent, or a missing side, falls back to the viewBox. If neither size nor viewBox exists, the base is 512×512. The long edge is capped at 4096 pixels. When a request is reduced, the file card says so.

Transparent is the default. White or a custom color flattens the embedded image.

3. Download

Each card shows a bitmap preview, the pixel size, and the file size. The preview is the drawn image, not SVG markup inserted into the page. Download one PDF, or zip the finished PDFs. Each PDF is one page. The image fills that page. One pixel is one point. The file does not contain the original paths.

What to open next

• Download the bitmap itself, without a PDF page: SVG to PNG
• Switch among PNG, JPG, WebP, and PDF, or trace the other way: SVG converter
• Trace a transparent PNG into paths: PNG to SVG
• Trace a JPEG with stronger denoising: JPG to SVG
• Few-color paths for a cutting machine: SVG for Cricut
• Black-and-white paths for a laser: SVG for laser cutting
• Edit the vector: SVG editor

References

• MDN: File
• MDN: viewBox
• pdf-lib

FAQ

Are files uploaded?

No. Reading the SVG, drawing the canvas, and building the PDF all happen in the browser. pdf-lib is loaded only when a PDF is produced.

Is this a vector PDF?

No. The page embeds a raster image at the chosen pixel size. Zooming shows pixels. The original paths are not stored in the PDF. One pixel is one point (1/72 inch), so the page is not an A4 sheet unless your pixel size happens to match that.

Will a transparent background turn white?

The default keeps transparency in the embedded PNG. Some PDF viewers still paint white behind those pixels. Choose white or a custom color when you want the flatten baked into the image. PNG alpha is described in the W3C PNG specification.

Where does the size come from when width and height are missing?

A viewBox supplies the width and height. Without one, the base is 512×512, then your scale or custom width is applied. See MDN's viewBox reference. The long edge stays at or below 4096 pixels.

How is this different from SVG to PNG?

SVG to PNG downloads the bitmap itself. This page wraps that same kind of bitmap in a PDF. Neither page keeps the drawing as vectors. Use the SVG editor to change paths.

What size limits apply?

Each SVG must be 8 MB or smaller, and about 10 files can be batched. The export long edge stays at or below 4096 pixels. Tracing on PNG to SVG is a different pipeline: it scales the source to a 1024-pixel long edge, then quantizes colors and fits curves with VTracer, falling back to imagetracerjs if VTracer does not start.

References

• W3C PNG Specification
• MDN: viewBox
• pdf-lib