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 (in Procreate) oder als Vektorpfad (in Adobe Illustrator oder Fresco mit Vektorpinseln). Beim Speichern müssen passende Dateiformate 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 (Pfade lassen sich per CSS oder JavaScript nachzeichnen) und Plotter-Schnittdaten. Die Datei ist textbasiert (XML) und damit leichtgewichtig, solange die Pfadanzahl moderat bleibt. SVG-Dateien lassen sich mit Tools wie SVGO komprimieren, ohne Qualitätsverlust.
PNG (Portable Network Graphics) ist ein verlustfreies Pixelformat mit Alphakanal (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 für Social Media. Nachteil: Beim Vergrößern über die Exportauflösung hinaus werden Kanten unscharf.
Faustregel:
- SVG: klare, einfarbige, beliebig skalierbare Schriftzüge (Logos, Plotter, Web-Animationen).
- PNG: texturierte, pinselbasierte oder mehrfarbige Schriftzüge mit Transparenz (Social Media, Overlays).
Weitere relevante Formate im Überblick:
- EPS/PDF: für Druckereien, verlustfrei, professioneller Standard.
- TIFF: verlustfreies Pixelformat ohne Komprimierung, für Druckdaten.
- WebP: modernes Pixelformat für Web mit kleiner Dateigröße (kein Alphakanal-Problem).
Beispiele
- Logo-Schriftzug: SVG exportiert, damit er auf Tassen, Schildern und der Website gleich scharf erscheint.
- Aquarell-Lettering aus Procreate: PNG mit transparentem Hintergrund über ein Foto gelegt.
- Plotter-Schnittdaten: SVG zwingend erforderlich, weil die Schneidemaschine Vektorlinien abfährt.
- Instagram-Post: PNG in 2048 px exportiert, ausreichend für den Bildschirm.
- Animierter Schriftzug: SVG auf einer Landingpage, Pfade per CSS nachgezeichnet.
In der Praxis
Exportentscheidung in Procreate:
- PNG exportieren: Ebene ohne Hintergrundfüllung > „Als PNG teilen".
- Auflösung vorab großzügig wählen (A4 bei 300 dpi = 2480 × 3508 px).
- Für Druck: anschließend in Photoshop CMYK-Wandlung und Beschnitt hinzufügen.
- Für SVG aus Procreate: Export als PDF, dann in Illustrator Bildnachzeichner anwenden.
Wer in Procreate arbeitet, exportiert in der Regel PNG, da die App pixelbasiert ist. Vektor-SVGs entstehen sauber nur in Illustrator, Affinity Designer oder Adobe Fresco mit Vektorpinseln. 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.
Vergleich & Abgrenzung
SVG und PNG werden oft verwechselt, weil beide einen Schriftzug freistellen können. Der Unterschied liegt in 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-Animation | 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.
Verwandte Einträge
Weiterführend
- 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.
- Eisele, Petra; Ludwig, Annette (2017): Schrift und Identität. avedition.
