Formen gegen Pixel
Ein PNG speichert ein Raster aus Pixeln. Vergrößern Sie 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. Verlangen Sie 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
- Platzieren Sie es, fügen Sie keinen Screenshot davon ein Importieren Sie die Datei ins Layoutprogramm. Ein kopiertes Vorschaubild wirft die Vektordaten weg und lässt Sie wieder mit Pixeln zurück.
- Vorsichtig umfärben Jeder Vektoreditor ändert die Modulfarbe. Halten Sie dunkle Module auf hellem Grund. Umgekehrte Codes und kontrastarme Pastellpaare scheitern an echten Lesegeräten.
- Nicht eine Achse in die Länge ziehen Skalieren Sie 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
Exportieren Sie in der Pixelgröße, die das fertige Layout braucht, oder größer, und vergrößern Sie es danach nie. Verkleinern ist meist unbedenklich. Vergrößern ist die Quelle der Unschärfe.
Schicken Sie 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 Sie angesehen haben. 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, scannen Sie 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 Sie verlangen. 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. Halten Sie 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. Drucken Sie das SVG, oder exportieren Sie 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, platzieren Sie das SVG in einem Designprogramm und exportieren 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. Erzeugen Sie das SVG stattdessen aus den Nutzdaten. Das dauert eine Sekunde und die Geometrie stimmt genau.