· 5 min

PNG eller SVG för din QR-kod: vilket format ska du ladda ner?

QR-kod PNG vs SVG: när du ska använda varje format, kvalitetsskillnader, tryckning, kompatibilitet och upplösning. En tydlig guide för att avgöra på 1 minut.

PNG eller SVG för din QR-kod: vilket format ska du ladda ner?

En PNG är en bild uppbyggd av pixlar. En SVG är en bild uppbyggd av matematiska instruktioner. För en QR-kod visar sig den skillnaden i hur den ser ut i olika storlekar och var du faktiskt kan använda den.

Snabbt svar

  • PNG: använd det för skärmar, sociala medier, meddelanden, presentationer och små till medelstora utskrifter.
  • SVG: använd det för professionell tryckning, folie, stora affischer och allt som ska skalas.
  • PNG förlorar skärpa när det förstoras. SVG behåller perfekt kvalitet i vilken storlek som helst.
  • Om du är osäker och användningen är digital, välj PNG. Om du är osäker och användningen är fysisk, välj SVG.
  • Med QRcito kan du ladda ner samma QR i båda formaten gratis.

Vad är en PNG och vad är en SVG?

PNG (Portable Network Graphics) är en rasterbild: ett fast rutnät av pixlar. Varje pixel lagrar en färg. Om du förstoras den bortom sin ursprungliga upplösning blir pixlarna synliga och bilden ser suddig eller "trappstegsformad" ut.

SVG (Scalable Vector Graphics) är en vektorbild: istället för pixlar lagrar den geometriska instruktioner (rektanglar, linjer, kurvor). När den renderas ritar den sig skarpt i exakt den storlek den visas, utan förlust.

För en QR-kod spelar detta ännu större roll än för ett foto: en QR är ren geometri — svarta och vita rutor. Exakt vad vektorformatet representerar bäst.

När du ska använda PNG

Välj PNG om din QR-kod ska:

  • Visas på en skärm (webb, app, sociala medier).
  • Infogas i ett e-postmeddelande eller en signatur.
  • Ingå i ett bildspel, en presentation eller video.
  • Skrivas ut i liten till medelstor storlek (visitkort, broschyr, klistermärke).
  • Laddas upp till plattformar som bara accepterar rasterbilder (Instagram, WhatsApp, de flesta CMS-system).

För liten utskrift, ladda ner PNG i den högsta upplösning generatorn erbjuder. 1024 px eller mer för ett visitkort till exempel.

När du ska använda SVG

Välj SVG om din QR-kod ska:

  • Skrivas ut i stort format: A3/A2/A1-affisch, billboard, butiksfönster, banner.
  • Appliceras via folie, screentryck eller laserskärning.
  • Integreras i en design som en designer öppnar i Illustrator, InDesign eller Figma.
  • Gå via professionell tryckning (offsettryck, screentryck).
  • Ändras i storlek utan att förlora skärpa.

SVG är klartext (XML): liten i storlek, redigerbar, alltid pixelperfekt.

Viktiga skillnader i korthet

Kriterium PNG SVG
Typ Raster (pixlar) Vektor (geometri)
Skaleras utan förlust Nej Ja
Typisk filstorlek Tyngre Mycket lätt
Webbkompatibilitet Universell Universell i moderna webbläsare
Professionell tryckning OK upp till begränsad storlek Idealisk
Flexibilitet för redigering Begränsad Full (Illustrator, Inkscape, kod)
Sociala medier Fungerar överallt Stöds inte alltid

Upplösning: hur många pixlar din PNG behöver

Praktisk tumregel:

  • Webb / mobil: 256–512 px på varje sida.
  • Visitkort / litet klistermärke: 600–1024 px.
  • A5–A4-broschyr: 1500–2000 px.
  • A3-affisch eller större: SVG är bättre. Om du måste använda PNG, minst 3000 px.

För tryckning är 300 dpi minsta standard. Det innebär att en 5 cm QR behöver ungefär 600 px; en 20 cm QR behöver ungefär 2 400 px.

Tryckkvalitet: varför SVG vinner i stor skala

När ett tryckeri bearbetar en PNG och skalar den bortom sin upplösning blir resultatet pixlerade eller suddiga kanter. För en QR-kod kan det skada skanningsfrekvensen: läsare behöver ren kontrast mellan moduler.

En SVG renderar med exakt upplösning för slutresultatet. Skarpa kanter, perfekt kontrast, tillförlitlig skanning.

Skriver du ut ett 3 cm-klistermärke för ett kuvert? Du märker inte skillnaden. Skriver du ut en 1-meters affisch för ett butiksfönster? Skillnaden är tydlig.

Kompatibilitet: vad varje plattform accepterar

  • PNG: praktiskt taget allt (Word, PowerPoint, Canva, Photoshop, sociala medier, e-post, webbläsare).
  • SVG:
    • ✅ Moderna webbläsare, Figma, Illustrator, Inkscape, InDesign, trycksverktyg, HTML/CSS.
    • ⚠️ Microsoft Word och PowerPoint: delvist stöd beroende på version.
    • ❌ Instagram, WhatsApp, de flesta sociala plattformar: accepterar inte SVG. Konvertera till PNG först.

Så om ditt arbetsflöde inkluderar sociala medier, ladda ner båda formaten och spara SVG för fysiskt material.

Vad sägs om PDF, EPS eller JPG?

  • PDF: användbart om din tryckare specifikt ber om det; många generatorer erbjuder det inte gratis. SVG täcker de flesta av samma situationer.
  • EPS: äldre vektorformat från gammaldags tryckning. Används allt mindre: SVG hanterar samma fall.
  • JPG: dålig idé för en QR. Förlustkomprimering introducerar visuella artefakter som kan förstöra mönstret. Undvik om du har valet.

QRcito exporterar PNG och SVG, vilket täcker 95 % av verkliga fall utan att betala för extra format.

Sammanfattning

PNG fungerar för nästan allt digitalt och för liten utskrift. SVG är rätt val för stor utskrift och professionell design. Om användningen är blandad, ladda ner båda och spara dem tillsammans. För vardaglig användning räcker en PNG med hög upplösning utmärkt.

Vanliga frågor

Kan jag öppna en SVG utan professionell programvara? Ja. Vilken modern webbläsare som helst öppnar den som en normal bild. För redigering, använd Inkscape (gratis) eller Illustrator.

Förlorar en PNG kvalitet varje gång jag sparar den? Nej, PNG är ett förlustfritt format. Det som förlorar kvalitet är att förstora den bortom sin ursprungliga upplösning.

Kan ett tryckeri använda min PNG om det är allt jag har? Ja, så länge den har tillräcklig upplösning för slutstorleken (minimum 300 dpi). Annars ber de om en SVG eller vektor-PDF.

Varför tar vissa generatorer betalt för SVG? Affärsmodell. Tekniskt sett är det trivialt att exportera SVG — en QR är ren geometri. Varje ärlig generator bör erbjuda det gratis.

Vilket format skannar bättre på en telefon? Inget. Telefonen skannar inte filen: den skannar den renderade bilden på skärmen eller i trycket. Det som spelar roll är skärpan i slutresultatet, inte källformatet.

← Tillbaka till bloggen