Branded QR · answers “export qr code as svg”
SVG QR Codes: Why Vector Matters for Print (and How to Export One on iPhone)
An SVG is a vector file, which means a QR code exported as SVG stays crisp at any size, from a business card to a storefront window, while a PNG can blur when you scale it up. That's why print shops usually ask for vector. On iPhone, Inkcode exports SVG with Pro; here's when it matters and how to do it.
How to do it in Inkcode
- Create and style your codeOpen the Create tab, pick a type, fill the fields, and style the code while the live preview confirms it still scans.
- Start Pro if you need SVGSVG export is a Pro feature. Start the 7-day free trial to unlock SVG, custom colors, logo embedding, and an unlimited library.
- Export as SVGExport the finished code as an SVG file and save it to Files, a message, or an email.
- Send to print or your design toolHand the SVG to your print shop, or place it into a design app and export a high-resolution PDF.
PNG vs SVG, in one honest paragraph
A PNG is made of pixels, a fixed grid of colored dots. At the size you exported it, it looks fine. Scale it up for a poster and the dots grow too, so the crisp squares of a QR code turn into soft, fuzzy edges. An SVG is different: it’s a set of instructions for drawing the shapes, not a grid of dots. The printer’s software redraws it at whatever size you need, so the edges stay sharp on a business card and on a banner alike. For a QR code, whose whole job depends on clean square edges, that sharpness isn’t cosmetic. It’s what keeps the code reliably scannable at large sizes.
When SVG actually matters
Reach for SVG whenever a code will be printed professionally or shown large:
- Menus and table talkers that a print shop produces.
- Window decals and storefront signage, where the code might be 20 cm or more.
- Packaging and labels, where quality control is tight.
- Posters, banners, and vehicle wraps.
- Anything a print shop or designer touches. Vector is the format they expect, and handing them one avoids a round of “can you send this bigger?”
If someone else is going to place, resize, or professionally print your code, give them SVG.
When PNG is perfectly fine
SVG isn’t always necessary, and pretending otherwise wastes your time.
- Screens. A code on a website, in an email, in a slide, or on a phone display is just pixels anyway. PNG is right.
- Small stickers printed at native size. If you export a code at the exact size it’ll be printed and don’t scale it, a high-resolution PNG looks clean.
- Quick, one-off codes. For a sign you’re taping up this afternoon, PNG is faster and good enough.
Inkcode exports PNG on the free tier, so plenty of everyday jobs never need Pro at all.
How to export an SVG on iPhone with Inkcode
SVG export is a Pro feature in Inkcode. The flow is short:
- Open the Create tab, pick your content type, and fill in the fields. The code renders live as you type.
- Style it with colors, and a logo if you’re on Pro. Watch the live preview to confirm it still reads cleanly.
- If you’re not on Pro yet, start the 7-day free trial. SVG export, custom colors, logo embedding, and an unlimited library come with it.
- Export as SVG and share it straight into Files, a message, an email to your printer, or a design app.
The code you export is static: it never expires, there’s no account attached, and nobody is tracking scans. Your codes stay in a private, on-device library you can lock with Face ID, and the whole thing runs natively on your iPhone.
Working with a print shop
A few honest notes so there are no surprises at the counter:
- Send the SVG, or a PDF made from it. Most print shops happily take SVG. If a shop prefers PDF, place the SVG into a layout or design tool and export a high-resolution PDF; the code stays vector inside it.
- Colors are RGB; printers work in CMYK. SVG describes color in RGB, the way screens work. Printing presses use CMYK inks, so the printer’s software converts your colors on the way to press. For most brand colors that’s fine, but a conversion can shift a shade.
- Keep the code near-black for zero drama. A near-black code on a white background survives the RGB-to-CMYK conversion cleanly and gives scanners the contrast they want. Save the adventurous colors for your logo and surrounding artwork, not the code’s squares.
Sizing, margin, and contrast
Vector solves sharpness, but it doesn’t override the basics.
- Size. As a common rule of thumb, don’t print a QR code smaller than about 2 cm by 2 cm for close-range scanning. A widely used guideline is the 10:1 ratio: the code should be at least one-tenth as wide as the distance you expect people to scan from. A 2 cm code suits arm’s-length scanning; a code read across a room needs to be much bigger.
- Quiet zone. Leave a clear margin around the code. Denso Wave, the QR code’s inventor, specifies a four-module-wide margin, about four squares of empty space, on all sides. Don’t let artwork crowd it.
- Contrast. Dark code, light background. It’s the most reliable combination, and it survives print conversions best.
Get those three right and a vector code will scan cleanly at any size you print it.
Common questions
Why does my printed QR code look blurry?
Almost always because it was a PNG (or JPG) scaled up past its native size. Pixel images get soft when enlarged. Export the code as SVG instead, since vector redraws sharp at any size, or export a PNG at the exact dimensions you'll print.
Is SVG better than PNG for print?
For anything printed large or professionally, yes. SVG stays crisp at any size, which is why print shops ask for it. For screens and small stickers printed at native size, PNG is perfectly fine. Match the format to the job.
Can I edit the SVG afterwards?
You can open an SVG in a vector design tool to resize it, place it in a layout, or adjust the surrounding artwork. Avoid altering the code's actual squares, colors, or margin, though, because those changes can stop it from scanning. If you need different content, generate a fresh code.
Do SVG codes scan differently from PNG codes?
No. The data in the code is identical; SVG and PNG are just two ways of drawing the same pattern. A scanner reads the squares, not the file format. SVG simply keeps those squares sharp when the code is printed large.
