Dateiformate für Schriftzüge beschreiben die Art, wie digitale Kalligrafie und Lettering gespeichert werden – als skalierbare Vektordatei (SVG) oder als auflösungsgebundene Pixelgrafik (PNG).
Rubrik: Kalligrafie · Unterrubrik: Digitale Kalligrafie · Niveau: Einsteiger Synonyme / Auch bekannt als: Exportformate für Lettering, Speicherformate Schriftzug, Vektor- vs. Rasterexport
Was ist das richtige Dateiformat für Schriftzüge?
Die Wahl der Dateiformate für Schriftzüge entscheidet darüber, ob ein handgezeichneter Schriftzug beliebig vergrößerbar bleibt oder an eine feste Pixelauflösung gebunden ist. SVG speichert Linien als mathematische Pfade, PNG als Raster aus einzelnen Bildpunkten mit Transparenz.
Erklärung
Digitale Kalligrafie entsteht meist als Pixelzeichnung (etwa in Procreate) oder als Vektorpfad (etwa in Adobe Illustrator). Beim Speichern müssen passende Dateiformate für Schriftzüge gewählt werden, weil jedes Format andere Eigenschaften mitbringt.
SVG (Scalable Vector Graphics) ist ein Vektorformat: Ein Schriftzug wird als Sammlung von Kurven und Ankerpunkten beschrieben. Dadurch lässt er sich ohne Qualitätsverlust auf jede Größe skalieren – vom Visitenkarten-Logo bis zur Hausfassade. SVG eignet sich für Logos, Web-Animationen und Plotter-Schnittdaten. Die Datei ist textbasiert (XML) und damit leichtgewichtig, solange die Pfadanzahl moderat bleibt.
PNG (Portable Network Graphics) ist ein verlustfreies Pixelformat mit Alphakanal, also echter Transparenz. Ein in PNG exportierter Schriftzug behält weiche Pinselkanten, Aquarell-Verläufe und Textureffekte, die sich in Vektoren nicht sauber abbilden lassen. PNG ist die Standardwahl, wenn die Optik einer Pinselspur erhalten bleiben soll, etwa bei Procreate-Lettering. Nachteil: Beim Vergrößern über die Exportauflösung hinaus werden Kanten unscharf.
Die Faustregel lautet: SVG für klare, einfarbige, beliebig skalierbare Schriftzüge – PNG für texturierte, pinselbasierte oder mehrfarbige Schriftzüge mit Transparenz.
Beispiele
- Beispiel 1: Ein Logo-Schriftzug für ein Café wird als SVG exportiert, damit er auf Tassen, Schildern und der Website gleich scharf erscheint.
- Beispiel 2: Ein Aquarell-Lettering aus Procreate wird als PNG mit transparentem Hintergrund gespeichert, um es über ein Foto zu legen.
- Beispiel 3: Ein Schnittpfad für einen Folienplotter benötigt zwingend SVG, weil die Maschine Vektorlinien abfährt.
- Beispiel 4: Ein Instagram-Post mit Handlettering wird als PNG in 2048 px exportiert – ausreichend für den Bildschirm, klein in der Dateigröße.
- Beispiel 5: Ein animierter Schriftzug auf einer Landingpage nutzt SVG, weil sich Pfade per CSS oder JavaScript nachzeichnen lassen.
In der Praxis
Wer in Procreate arbeitet, exportiert in der Regel PNG, da die App pixelbasiert ist. Vektor-SVGs entstehen sauber nur in Illustrator, Affinity Designer oder per Nachzeichnen (Bildnachzeichner / Image Trace). Beim PNG-Export sollte die Auflösung großzügig gewählt werden (mindestens 300 dpi bei Druck), da nachträgliches Hochskalieren Qualität kostet. Für transparente Hintergründe muss die Ebene ohne Hintergrundfüllung exportiert werden. SVG-Dateien lassen sich vor dem Versand mit Tools wie SVGO verkleinern, ohne dass Linien leiden.
Vergleich & Abgrenzung
SVG und PNG werden oft verwechselt, weil beide einen Schriftzug freistellen können. Der Unterschied liegt in der Skalierbarkeit und der Darstellbarkeit von Texturen.
| Merkmal | SVG | PNG |
|---|---|---|
| Bildtyp | Vektor (Pfade) | Pixel (Raster) |
| Skalierung | verlustfrei beliebig | begrenzt durch Auflösung |
| Texturen / Verläufe | eingeschränkt | originalgetreu |
| Transparenz | ja | ja (Alphakanal) |
| Typischer Einsatz | Logos, Plotter, Web | Pinsel-Lettering, Social Media |
Häufige Fragen (FAQ)
Was ist der Unterschied zwischen SVG und PNG bei Schriftzügen? SVG speichert den Schriftzug als skalierbare Vektorpfade und bleibt bei jeder Größe scharf. PNG speichert ihn als Pixelraster mit Transparenz und gibt Pinseltexturen originalgetreu wieder, ist aber auflösungsabhängig.
Welches Dateiformat eignet sich für ein gedrucktes Logo? Für ein gedrucktes Logo ist SVG (oder ein daraus erzeugtes EPS/PDF) ideal, weil es ohne Qualitätsverlust auf jede Druckgröße skaliert. Reine Pinsel-Optik wird hingegen als hochauflösendes PNG oder TIFF an die Druckerei gegeben.
Weiterführend
- Eisele, Petra; Ludwig, Annette (2017): Schrift und Identität. avedition.
- Adobe Inc. (2024): SVG- und PNG-Export – Illustrator-Benutzerhandbuch. helpx.adobe.com
- World Wide Web Consortium (2011): Scalable Vector Graphics (SVG) 1.1 (Second Edition). w3.org/TR/SVG11
