Wege von SVG zu PDF: Onlinewerkzeug, Gestaltungsprogramm oder Druck aus dem Browser
7 Min. Lesezeit
Sie haben ein SVG und brauchen es als PDF. Drei Wege stehen offen: ein Online-Umwandlungswerkzeug, ein Vektorgestaltungsprogramm (Illustrator, Inkscape, Affinity Designer) oder die Datei im Browser zu öffnen und "Als PDF drucken" zu wählen. Alle drei funktionieren, doch ihre Ergebnisse unterscheiden sich – besonders bei Seitengröße, Schriften und Druckvorbereitung.
Was die drei Methoden tatsächlich tun
Online-Konverter: Er zerlegt das SVG, übersetzt die Zeichenbefehle in ihre PDF-Entsprechungen und entnimmt die Seitengröße den Attributen width/height der Datei. Es ist eine unmittelbare Formatübersetzung.
Gestaltungsprogramm: Es übernimmt das SVG in sein eigenes internes Dokumentmodell, Sie nehmen Anpassungen vor (Seitengröße, Farbraum, Texte in Pfade umwandeln, Anschnitt) und exportieren anschließend nach PDF. Die Kontrolle ist vollständig, doch die Zahl der Schritte ist höher.
Druck aus dem Browser: Der Browser rendert das SVG als Webseite, und die Druck-Engine gibt diese Seite anschließend als PDF aus. Das ist eine zweistufige Umwandlung, bei der die Seitenlayoutregeln des Browsers greifen.
Vergleichstabelle
| Kriterium | Onlinewerkzeug | Gestaltungsprogramm | Druck aus dem Browser | |---|---|---|---| | Installation | Keine | Erforderlich | Keine | | Kontrolle über die Seitengröße | Kommt aus dem SVG | Vollständig | Schwach | | Kontrolle über die Ränder | Keine (wie im SVG) | Vollständig | Der Browser ergänzt sie | | Schrifteinbettung | Vom Zugriff abhängig | Verlässlich | Meist gut | | Texte in Pfade umwandeln | Meist nicht vorhanden | Ein Klick | Nicht vorhanden | | CMYK-Umwandlung | Nein | Ja | Nein | | Anschnitt / Schnittmarken | Nein | Ja | Nein | | Viele Dateien | Einzeln | Stapelverarbeitung möglich | Einzeln | | Dauer (eine Datei) | Sekunden | Minuten | Sekunden | | Vertraulichkeit der Datei | Gewahrt, wenn im Browser verarbeitet | Vollständig | Vollständig |
Szenario 1: Ich will ein Logo als PDF versenden
Der Kunde hat gesagt: "Schicken Sie das Logo bitte auch als PDF."
Sieger: Onlinewerkzeug.
Eine einfache Aufgabe; ein Gestaltungsprogramm zu öffnen wäre überflüssig. Prüfen Sie die Attribute width/height der Datei in Millimetern (das können Sie in einem Texteditor nachsehen) und wandeln Sie dann um.
Der einzige Punkt, auf den zu achten ist: Enthält das Logo Text (Slogan, Organisationsname) und wurde dieser nicht in Pfade umgewandelt, kann ein Schriftproblem auftreten. Die Texte im erzeugenden Programm in Pfade umzuwandeln und das SVG erneut zu speichern ist der sicherste Weg.
Szenario 2: Ich sende ein Plakat an die Druckerei
Ein Druckauftrag mit Farbflächen, die bis an den Rand reichen.
Sieger: Gestaltungsprogramm, ohne Diskussion.
Die Druckerei braucht drei Dinge, und nur ein Gestaltungsprogramm liefert sie:
CMYK-Umwandlung. SVG ist RGB. Onlinewerkzeug und Browserdruck erzeugen ein RGB-PDF. Die Druckerei wandelt das selbst um, und das Ergebnis kann von dem abweichen, was Sie gesehen haben – besonders bei kräftigen Grün- und Orangetönen sowie bei sattem Schwarz.
Anschnitt (Bleed). Für die Schnitttoleranz muss die Gestaltung 3 mm über den Rand hinausragen. In SVG gibt es kein solches Konzept.
Schnittmarken. Marken, die der Druckerei zeigen, wo geschnitten wird.
Zudem können Sie im Gestaltungsprogramm die Texte mit einem Klick in Pfade umwandeln und das Schriftrisiko vollständig ausschließen.
Überspringen Sie diese Schritte und senden eine mit einem Onlinewerkzeug erzeugte Datei, schickt die Druckerei sie höchstwahrscheinlich zurück oder korrigiert sie nach eigenem Ermessen.
Szenario 3: Ich füge ein von einer Diagrammbibliothek erzeugtes SVG in einen Bericht ein
D3.js, Chart.js oder eine ähnliche Bibliothek hat eine Grafik erzeugt, die Sie in einen PDF-Bericht übernehmen wollen.
Sieger: Onlinewerkzeug – korrigieren Sie aber zuerst das SVG.
Bei SVGs aus Webbibliotheken gibt es zwei typische Probleme:
Die Stile liegen außerhalb. Die Grafik bezieht ihre Gestaltung womöglich aus dem CSS der Seite. Nehmen Sie die SVG-Datei für sich allein, gehen Farben und Linienstärken verloren. Die Lösung: Betten Sie die Stile vor dem Speichern des SVG inline ein (als style-Attribute).
Uneindeutige Einheiten. In SVGs, die im Webkontext entstehen, stecken einheitenlose Pixelwerte wie width="800". Rechnet der Konverter das als Punkt, wird die Seite etwa 282 mm breit – größer als erwartet. Die Lösung: die Werte von width und height in mm neu schreiben.
Nach diesen beiden Korrekturen liefert das Onlinewerkzeug ein sauberes Ergebnis.
Szenario 4: Ich will 30 SVG-Dateien nach PDF wandeln
Eine Stapelarbeit für ein Portfolio oder einen Katalog.
Sieger: Gestaltungsprogramm (Stapelverarbeitung) oder ein Kommandozeilenwerkzeug.
30 Dateien einzeln über ein Onlinewerkzeug zu wandeln ist mühsam. Inkscape kann über die Kommandozeile im Stapel umwandeln; Illustrator verfügt über Aktionen und Stapelverarbeitungsfunktionen.
Wollen Sie alle in einem einzigen PDF sammeln: Wandeln Sie die Dateien einzeln nach PDF um und führen Sie sie anschließend mit einem Zusammenführungswerkzeug in einem Dokument zusammen. Die Seitenreihenfolge steuern Sie beim Zusammenführen.
Szenario 5: Ich will nur schnell einen Blick darauf werfen
Sie sind neugierig, wie das SVG aussieht und wie es als PDF herauskommt.
Sieger: Druck aus dem Browser.
Ziehen Sie die SVG-Datei in ein Browserfenster, drücken Sie Strg+P und wählen Sie "Ziel: Als PDF speichern". Das dauert Sekunden.
Doch nehmen Sie das Ergebnis nicht zu ernst. Der Browser wendet seine eigene Seitengröße (meist A4 oder Letter), seine eigenen Ränder und seine eigene Skalierung an. Ihre Grafik steht mittig auf der Seite, umgeben von breiten Rändern und vermutlich verkleinert.
Sie können das ein wenig verbessern: Setzen Sie im Druckdialog die Ränder auf "keine", fixieren Sie die Skalierung auf 100 % und aktivieren Sie Hintergrundgrafiken. Volle Kontrolle erhalten Sie dennoch nicht.
Der versteckte Vorteil des Browserdrucks
In einem Fall gewinnt der Browserdruck wirklich: wenn Ihr SVG von externem CSS und JavaScript abhängt.
Eine SVG-Grafik innerhalb einer Webseite kann ihre Gestaltung aus dem CSS der Seite beziehen und ihre Daten per JavaScript laden. Nehmen Sie diese Datei für sich allein und geben sie einem Konverter, kommt sie unvollständig heraus.
Der Browserdruck erfasst dagegen den gerenderten Zustand der Seite – mit angewandtem CSS und ausgeführtem JavaScript. Das Ergebnis entspricht exakt dem, was Sie sehen.
Deshalb ist der Browserdruck meist der praktischste Weg, im Web live erzeugte Grafiken als PDF zu sichern; Sie geben die Kontrolle über die Seitengröße auf, erhalten aber den vollständigen Inhalt.
Gemeinsame Vorbereitungsschritte
Ganz gleich, welche Methode Sie wählen – diese drei Kontrollen vor der Umwandlung erleichtern Ihnen die Arbeit:
1. Schreiben Sie die Attribute width und height mit physischer Einheit. Öffnen Sie die Datei in einem Texteditor und ändern Sie sie zu width="210mm" height="297mm". Dieser eine Schritt verhindert die meisten Überraschungen bei der Seitengröße.
2. Wandeln Sie die Texte in Pfade um (wenn ein exaktes Aussehen wichtig ist). Im Gestaltungsprogramm geht das mit einem Klick. Danach lässt sich der Text nicht mehr markieren; entscheiden Sie, ob Sie das in Kauf nehmen.
3. Betten Sie die Stile inline ein. Hängt das SVG von externem CSS ab, ist es für sich genommen unvollständig.
Die Entscheidung im Überblick
- Einfache und schnelle Umwandlung → Onlinewerkzeug.
- Auftrag, der in den Druck geht → Gestaltungsprogramm, es gibt keine Alternative.
- Im Web live erzeugte Grafik → Druck aus dem Browser.
- Stapelarbeit → Stapelverarbeitung des Gestaltungsprogramms oder Kommandozeile.
- Nur ein kurzer Blick → Druck aus dem Browser.
- Wenn die Schrift entscheidend ist → im Gestaltungsprogramm in Pfade umwandeln und danach eine beliebige Methode.
Und in jedem Fall: Öffnen Sie das entstandene PDF und prüfen Sie Seitengröße, Sonderzeichen und Schärfe beim Zoomen. Diese drei Kontrollen sind der schnellste Weg, um zu bestätigen, dass die Arbeit richtig erledigt wurde.
Häufig gestellte Fragen
Warum genügt 'Als PDF drucken' im Browser nicht?
Weil der Browser das SVG wie den Inhalt einer Webseite behandelt und seine eigene Seitengröße, seine Ränder und seine Skalierung anwendet. Am Ende steht Ihre Grafik mittig auf der Seite, umgeben von breiten weißen Rändern und meist verkleinert. Für eine schnelle Vorschau genügt das, für Arbeiten mit voller Größenkontrolle ist es ungeeignet.
Inkscape ist kostenlos – warum sollte ich ein Onlinewerkzeug verwenden?
Inkscape ist wirklich leistungsfähig und die umfassendste kostenlose Option für die Druckvorbereitung. Es erfordert jedoch eine Installation, ist beim ersten Start langsam und ist für die schnelle Umwandlung einer einzelnen Datei eine schwerfällige Lösung. Wandeln Sie gelegentlich um, spart ein Onlinewerkzeug Minuten; bereiten Sie regelmäßig Druckaufträge vor, lohnt sich die Investition in Inkscape.
Welche Methode bettet Schriften am zuverlässigsten ein?
Gestaltungsprogramme, denn die Schrift ist auf Ihrem System installiert und das Programm greift unmittelbar darauf zu. Zudem können Sie die Option 'Texte in Pfade umwandeln' mit einem Klick anwenden – das ist die zuverlässigste Methode, das Schriftproblem vollständig zu beseitigen. Bei Onlinewerkzeugen bleibt dagegen unklar, ob der Konverter auf diese Schrift zugreifen kann.
Was soll ich für einen Auftrag wählen, der in den Druck geht?
Ein Gestaltungsprogramm. Anforderungen der Druckvorstufe wie die CMYK-Farbumwandlung, Anschnitt, Schnittmarken und das Einbetten von Farbprofilen können nur Gestaltungsprogramme erfüllen. Weder ein Onlinewerkzeug noch der Browserdruck leisten das. Bei einer Datei, die an die Druckerei geht, bedeutet das Auslassen dieser Schritte, dass der Auftrag zurückkommt.
Probieren Sie es gleich mit SVG → PDF aus.
SVG → PDF ausprobieren