Formen gegen Pixel
Ein PNG speichert ein Raster aus Pixeln. Vergrößerst du es, rät die Software, was dazwischen gehört, und jede Kante wird weich. Ein SVG speichert Anweisungen: zeichne hier ein Quadrat, diese Größe, diese Farbe. Verlang es in 2 cm oder 2 m, es zeichnet beides sauber.
Warum das einem QR-Code mehr ausmacht als einem Foto
Ein Scanner liest einen QR-Code, indem er ein Raster abtastet und für jede Zelle entscheidet, ob sie hell oder dunkel ist. Weiche Kanten schieben Zellen Richtung mittleres Grau, und bei Zellen nahe der Mitte beginnt das Dekodieren zu scheitern. Ein leicht unscharfes Foto sieht immer noch aus wie das Foto. Ein leicht unscharfer QR-Code ist kein QR-Code mehr.
Bei dichten Symbolen ist das schlimmer. Lange Nutzdaten, etwa ein vCard-Eintrag oder eine URL mit Parametern, brauchen mehr Module im gleichen physischen Quadrat, jedes Modul wird also kleiner und jede weiche Kante deckt einen größeren Teil davon ab.
Nach Einsatzort wählen
| Wohin der Code kommt | Format | Warum |
|---|---|---|
| Visitenkarte, Flyer, Verpackung | SVG | Die Druckerei skaliert ihn verlustfrei auf das Layout |
| Plakat, Fensteraufkleber, Beschilderung | SVG | Genau bei großen Größen fällt ein PNG auseinander |
| Designdatei in einem Vektoreditor | SVG | Bearbeitbare Formen, umfärbbar, keine Neuabtastung |
| E-Mail-Signatur | PNG | Mailprogramme gehen mit Rasterbildern weit berechenbarer um |
| Foliensatz oder Screenshot | PNG | Feste Anzeigegröße, keine Skalierung im Spiel |
| Das Upload-Feld eines fremden CMS | PNG | Manche Systeme lehnen SVG-Uploads grundsätzlich ab |
Mit dem SVG arbeiten
- Platziere es, füge keinen Screenshot davon ein Importiere die Datei ins Layoutprogramm. Ein kopiertes Vorschaubild wirft die Vektordaten weg und lässt dich wieder mit Pixeln zurück.
- Vorsichtig umfärben Jeder Vektoreditor ändert die Modulfarbe. Halte dunkle Module auf hellem Grund. Umgekehrte Codes und kontrastarme Pastellpaare scheitern an echten Lesegeräten.
- Nicht eine Achse in die Länge ziehen Skaliere beide Abmessungen zusammen. Ein verzerrter Code ist ein kaputtes Raster, und keine Fehlerkorrektur repariert Geometrie.
- Die Ruhezone freihalten Der leere Rand gehört zum Symbol. Eng an den Modulen zu beschneiden ist der häufigste Weg, auf dem ein schönes Layout aufhört zu scannen.
Wenn es das PNG sein muss
Exportiere in der Pixelgröße, die das fertige Layout braucht, oder größer, und vergrößere es danach nie. Verkleinern ist meist unbedenklich. Vergrößern ist die Quelle der Unschärfe.
Schick das PNG nicht durch einen verlustbehafteten Kodierer. JPEG-Artefakte sammeln sich an harten Schwarz-Weiß-Kanten, und das ist jede Kante in einem QR-Code. Muss die Datei kleiner werden, kodiert unsere Bildkomprimierung PNG verlustfrei neu und verwirft das Ergebnis, wenn es nicht wirklich kleiner ist.
Die Prüfung, die auf beiden läuft
Vaultaire baut PNG und SVG aus denselben Nutzdaten und dekodiert danach jede fertige Datei erneut mit einem separaten Dekodierer. Der Download wird erst freigegeben, wenn der dekodierte Text zu dem passt, was du angesehen hast. Das fängt eine kaputte Darstellung ab, bevor sie in eine Auflage geht. Ob das fertige Layout die Ruhezone behalten hat, kann es nicht sagen, scanne den Andruck also selbst.
Häufige Fragen zu SVG und PNG
SVG oder PNG?
SVG für alles Gedruckte oder in der Größe Veränderliche: Plakate, Verpackungen, Karten, Beschilderung, Designdateien. PNG für einen festen Platz auf dem Bildschirm, etwa eine E-Mail-Signatur oder eine Folie.
Hat ein QR-Code als SVG höhere Qualität?
Es hat gar keine Auflösung. Es beschreibt die Module als Formen und zeichnet sie in jeder Größe, die du verlangst. Ein PNG hat ein festes Pixelraster und wird darüber hinaus weich.
Kann ich die Farbe ändern?
Ja, in jedem Vektoreditor, und die Datei bleibt scharf. Halte Module dunkel auf hellem Grund. Invertierte oder kontrastarme Codes scheitern bei manchen Lesegeräten, unabhängig vom Format.
Warum sieht mein gedruckter Code unscharf aus?
Ein PNG wurde über sein Pixelraster hinaus vergrößert, der Drucker hat also Details an den Modulkanten erfunden. Drucke das SVG, oder exportiere ein PNG in genau der Größe, die das Layout braucht.
Nehmen Druckereien SVG an?
Die meisten ja, und jedes Layoutprogramm importiert es. Will eine Druckerei PDF oder EPS, platzierst du das SVG in einem Designprogramm und exportierst von dort. Die Formen überstehen es.
Kann ich das PNG später in SVG umwandeln?
Einen Rastercode zurück in Vektor zu tracen rät an Kanten, die schon weich waren. Erzeuge das SVG stattdessen aus den Nutzdaten. Das dauert eine Sekunde und die Geometrie stimmt genau.