Keep your contact code sharp as a vector
An SVG contact code stores the vCard as vector shapes rather than pixels, which matters more here than for any other type because a vCard is dense. Packed with a name, number, email and company, the pattern is fine — and only vector keeps that grid crisp when it shrinks onto a card or scales up for a banner.
The reason to reach for SVG here is that density and printing collide. A dense raster loses its edges when resized, and a blurred vCard stops scanning fast. Vector sidesteps that: modules stay clean whether the code is 2 cm on a card or 20 cm on a stand.
Why vector matters most for a dense vCard
A contact code carries far more data than a link, so its grid is fine and unforgiving. As a PNG, any resize past its native resolution blurs those tight modules and the scan fails. SVG has no fixed resolution — the pattern is shapes, so it stays razor-sharp at any size, which a busy vCard needs more than a sparse code does.
This is why an SVG is the safe export for a card that might also appear enlarged on a poster or badge: the same file works small and large with no re-export.
- Dense vCard modules stay crisp at every size.
- One file for card, badge and large-format.
- No blur that would kill a tight pattern.
- Editable shapes in Illustrator or Inkscape.
Trim fields before you export
Vector keeps the code sharp, but it cannot make a bloated vCard simple. Encode name, one phone, email and at most company, and leave a second number, address or job title as printed text. Fewer fields mean a coarser, more forgiving vector that scans even at small card size.
Never encode a photo — it explodes the data and produces a vector so dense that even perfect edges will not save the scan.
Editing and filing the contact right
Open the SVG in Illustrator or Inkscape to recolour to a brand shade or place it exactly in a card layout; the modules are selectable shapes. Keep the code darker than its background so contrast holds after any tint.
Separately, always split first and last name in their fields before generating — the phone sorts by the structured last-name field, so a full name in one box files the contact under the wrong letter no matter how clean the vector is.
Export a contact code as SVG
- Fill firstName and lastName. Use the separate name fields so the contact files correctly — a single-box full name is the usual sorting mistake.
- Keep fields few. Add only name, phone, email and maybe company; extra fields make a denser vector that struggles at card size even in vector form.
- Choose SVG on download. Select vector so the dense vCard pattern stays sharp when resized, rather than a fixed-resolution PNG.
- Recolour carefully in a vector editor. If you tint it, keep the code darker than the background so the fine pattern still scans.
Technical details
- Maximum characters: 4296
- Recommended error correction: Q (quartile) — a contact code often ends up on a card that gets scuffed in a wallet, so the extra recovery protects a dense vCard through wear.
- SVG keeps the fine vCard pattern crisp at any size — valuable because a contact code is denser than most types.
- Uses a structured name field so the surname files correctly; vector output does not reduce the field count.
Frequently asked questions
- Why is SVG especially good for a contact code?
- Because a vCard is dense. It packs many fields, so its pattern is fine and blurs easily when a PNG is resized, breaking the scan. SVG stores the code as vector shapes with no fixed resolution, so the tight pattern stays crisp at any size, card or poster.
- Does exporting as SVG let me include more fields?
- No. SVG keeps the code sharp but does not reduce data. A crowded vCard still makes a dense, hard-to-scan pattern. Keep to name, one number, email and maybe company regardless of format — fewer fields make a more forgiving vector at small sizes.
- Can I recolour an SVG contact code to my brand?
- Yes, in Illustrator or Inkscape, where the modules are editable shapes. Keep the code darker than its background so contrast holds. A dense vCard is less tolerant of low contrast, so avoid inverting to a light code on a dark ground.
- Will an SVG code file my contact correctly?
- That depends on the name fields, not the format. The phone sorts by the structured last-name field, so fill firstName and lastName separately before generating. The tool writes a proper structured name, so the surname lands right on iOS and Android in either format.
- Is the SVG smaller than a high-resolution PNG?
- Often yes, even for a dense vCard, because vector stores shapes rather than a full pixel grid. A high-DPI PNG large enough to print a contact code sharply can be sizeable, whereas the SVG stays compact and scales without any quality loss.
- Can I put a photo in an SVG vCard?
- You can, but you should not. A photo massively inflates the data and produces a vector so dense that even perfectly sharp edges will not make it scan at card size. Leave the photo out and let the recipient add one after saving the contact.