Get your link code as an editable vector
An SVG link code is a vector file: instead of a grid of pixels, it stores the code as mathematical shapes that stay razor-sharp at any size, from a favicon to a billboard. Scale it up and there is no blur, no pixelation — the same file works for a business card and a shop window.
For URL codes this matters because the link is often printed at very different sizes across a campaign — a flyer, a poster, a vehicle wrap. One SVG covers them all, whereas a PNG locks you to one resolution. Vector also opens cleanly in Illustrator or Inkscape for recolouring.
Fill the form to generate a QR code
Why vector beats PNG for a link code
A PNG is a raster: a fixed grid of pixels. Enlarge it and the squares turn to fuzz, so a code exported for a sticker fails when blown up for a poster. SVG has no fixed resolution — the modules are shapes, so one file scales from tiny to huge with edges that stay perfectly crisp.
SVGs are also tiny. A link code is a simple black-and-white pattern, and as vector it is often a fraction of the size of a high-resolution PNG, which keeps your design files light and your print handoffs clean.
- Infinite scaling with zero blur.
- One file for every size in a campaign.
- Small file size versus a high-DPI PNG.
- Opens in Illustrator, Inkscape, Figma.
Editing and recolouring the vector
Open the SVG in Illustrator or Inkscape and the modules are selectable shapes. You can recolour the code to a brand shade, place it precisely in a layout, or knock out a clear background — all without regenerating it.
Keep contrast high when recolouring: the code must stay darker than whatever sits behind it, or the camera loses the difference between modules and gaps. Recolour freely, but do not invert to a light code on a dark ground.
Large-format and professional print
For anything big — a poster, banner, exhibition stand or vehicle graphic — SVG is the format print shops want. It drops into a print workflow and rasterises at the output device's full resolution, so a two-metre code is as sharp as a two-centimetre one.
Since the link is static, keep it short before exporting: a lean URL means fewer modules, which reads cleaner at huge sizes and keeps the vector simple.
Export a link code as SVG
- Paste the URL with https://. Include the prefix so the code opens the page rather than triggering a search when scanned.
- Trim the link first. Shorten it before export — a long URL makes a busier vector, and a forgotten tracking string bloats the pattern needlessly.
- Choose SVG on download. Pick the SVG option rather than PNG so you get scalable vector output, not a fixed-resolution raster.
- Recolour with care in a vector editor. If you tint it in Illustrator, keep the code darker than the background so it still scans.
Technical details
- Maximum characters: 2953
- Recommended error correction: M (medium) — the default suits a clean vector export; raise it only if you overlay a logo or expect the printed code to be scuffed.
- SVG stores the code as vector shapes, so it scales to any size without blur and edits in Illustrator or Inkscape.
- The scanned payload is the same URL as a PNG — SVG changes storage, not content; keep the link short for a simpler vector.
Frequently asked questions
- What's the difference between the SVG and PNG download?
- SVG is vector — it stores the code as shapes that scale to any size with no blur. PNG is raster — a fixed pixel grid that pixelates when enlarged. Use SVG for print and resizing; PNG for a screen or sticker at one fixed size.
- Can I resize an SVG link code without losing quality?
- Yes, infinitely. Because it is vector, the code is defined by mathematical shapes rather than pixels, so it stays perfectly sharp whether you shrink it to a favicon or blow it up to a billboard. One file covers every size in your campaign.
- How do I change the colour of an SVG code?
- Open it in Illustrator, Inkscape or Figma and the modules are editable shapes you can recolour to a brand shade. Keep the code darker than its background so contrast holds — inverting to a light code on a dark ground breaks scanning.
- Is an SVG file smaller than a PNG?
- Usually, yes. A link code is a plain black-and-white pattern, and as vector it is often a fraction of the size of a high-resolution PNG. That keeps design files light and makes handing artwork to a print shop faster.
- Will an SVG code scan the same as a PNG?
- Yes. The scanned data is identical — SVG only changes how the image is stored, not what it encodes. A phone reads the same URL from either. SVG simply guarantees the printed edges stay crisp at whatever size you output.
- Does keeping the link short help the SVG?
- Yes. A shorter URL means fewer modules and a simpler vector, which reads more cleanly at very large sizes and keeps the file lean. Trim tracking parameters before exporting so the scalable code stays bold at billboard scale.