Werden Fotos aus einem PDF in SVG zu Vektoren?

Nein. Die Vektorumwandlung gilt für Elemente, die im PDF bereits Vektoren sind – Linien, Füllungen, Text. Ein Foto liegt im PDF als Pixeldaten vor und wandert auch in das SVG als Pixeldaten, meist als base64-kodiertes eingebettetes Bild. Bei Seiten mit Fotos kann die SVG-Datei deshalb unerwartet groß ausfallen.

Bleibt Text in SVG markierbar?

Das hängt von der Umwandlungseinstellung ab. Exportieren Sie den Text als echtes SVG-Textelement, bleibt er markierbar und durchsuchbar, doch für die korrekte Darstellung muss die Schrift auf dem System des Betrachters vorhanden oder in das SVG eingebettet sein. Wandeln Sie den Text in Pfade um, sieht er überall exakt gleich aus, ist aber kein Text mehr; er lässt sich weder markieren noch durchsuchen noch bearbeiten.

Was passiert, wenn ich ein mehrseitiges PDF nach SVG umwandle?

Das SVG-Format ist einseitig; ein Konzept mehrerer Seiten gibt es nicht. Deshalb wird jede PDF-Seite zu einer eigenen SVG-Datei, die meist in einem ZIP-Archiv heruntergeladen wird. Ein Dokument mit 50 Seiten ergibt 50 SVG-Dateien. Wollen Sie eine einzige Datei, ist SVG nicht das richtige Format.

Kann ich das SVG in Illustrator oder Inkscape bearbeiten?

Ja, SVG ist eines der nativen Formate dieser Programme, und die umgewandelte Datei lässt sich dort öffnen und bearbeiten. Allerdings bestehen aus PDF stammende SVGs meist aus zahlreichen kleinen Gruppen und Beschneidungspfaden; die Struktur ist nicht sauber. Bei Aufgaben wie dem Herauslösen eines Logos kostet das Auflösen dieser Gruppen Zeit, ist aber machbar.

Wie wandelt man ein PDF in SVG um? Ein Leitfaden zum Vektorexport

Sie wollen ein Logo aus einem PDF auf Ihre Website stellen, eine technische Zeichnung in einem Gestaltungsprogramm bearbeiten oder ein Schaubild so verwenden, dass es in jeder Größe scharf bleibt. Die SVG-Umwandlung ist die Antwort auf diese Bedürfnisse: Sie überträgt den Vektorinhalt einer PDF-Seite in das Vektorformat, das Web und Gestaltungsprogramme verstehen.

Warum SVG ein anderes Format ist

SVG (Scalable Vector Graphics) ist ein XML-basiertes Vektorformat. Es trägt wie PDF Definitionen von Linien, Kurven, Füllungen und Text – doch mit zwei wichtigen Unterschieden:

Es ist im Web zu Hause. Browser rendern SVG unmittelbar. Sie können es in ein <img>-Element setzen, in HTML einbetten, per CSS einfärben und mit JavaScript animieren. Für PDF ist nichts davon möglich.

Es ist textbasiert und offen. Sie können eine SVG-Datei in einem Texteditor öffnen, ihren Inhalt lesen und von Hand bearbeiten. In Versionskontrollsystemen lassen sich Unterschiede anzeigen.

Auch die Gemeinsamkeiten sind wichtig: Beide sind Vektorformate, bleiben also in jeder Größe scharf. Aus derselben Datei entstehen ein 100 Pixel großes Logo und ein Plakatdruck mit 10.000 Pixeln.

Schritt 1: Vergewissern Sie sich, dass SVG das richtige Format ist

Klären Sie vor der Umwandlung zwei Fragen.

Enthält die Seite wirklich Vektorinhalte? Ist Ihr PDF ein gescanntes Dokument, besteht jede Seite nur aus einem großen Foto. Wandeln Sie es nach SVG um, entsteht eine SVG-Datei, in der dieses Foto eingebettet ist – Sie gewinnen keinen Vektor, sondern haben nur den Umschlag gewechselt. Um aus gescannten Dokumenten Vektoren zu gewinnen, ist eine automatische Nachzeichnung (Vektorisierung) nötig, und das ist ein eigener Vorgang mit unvorhersehbarem Ergebnis.

So prüfen Sie es: Öffnen Sie das PDF und zoomen Sie stark in die Seite hinein. Bleiben Text und Linien scharf, handelt es sich um Vektoren. Werden sie pixelig, ist die Seite gescannt oder gerastert.

Wie viele Seiten wollen Sie umwandeln? SVG ist ein einseitiges Format; ein Konzept mehrerer Seiten gibt es nicht. Ein PDF mit 50 Seiten ergibt 50 einzelne SVG-Dateien. Brauchen Sie eine einzige Datei, ist SVG nicht die richtige Wahl.

Schritt 2: Treffen Sie die entscheidende Wahl – Text oder Pfad

Das ist die wichtigste Einstellung der Umwandlung, und sie verändert das Ergebnis vollständig.

Export als Text (<text>-Elemente):

Der Text bleibt markierbar, durchsuchbar und kopierbar.
Die Dateigröße bleibt klein.
Der Text lässt sich später bearbeiten.
Aber für die korrekte Darstellung muss die Schrift auf dem System des Betrachters vorhanden sein. Fehlt sie, greift der Browser auf eine ähnliche Schrift zurück, die Zeichenbreiten ändern sich, die Ausrichtung verrutscht und Zeilen können überlaufen.

Umwandlung in Pfade (<path>-Elemente):

Jeder Buchstabe wird zu einer Vektorform.
Auf jedem Gerät und in jedem Browser sieht es exakt gleich aus.
Aber es ist kein Text mehr. Er lässt sich nicht markieren, nicht durchsuchen, ein Screenreader kann ihn nicht lesen, und nachträglich lässt er sich nicht bearbeiten.
Die Dateigröße wächst deutlich – bei textdichten Seiten sogar sehr stark.

| Bedarf | Richtige Wahl | |---|---| | Logo, Icon, Emblem | Pfad | | Technische Zeichnung (beschriftet) | Je nach Fall | | Textdichte Seite | Text (nach Möglichkeit) | | Grafik zur Veröffentlichung im Web | Pfad (sicher) | | Gestaltung, die später bearbeitet wird | Text | | Wenn Barrierefreiheit nötig ist | Text | | Für den Druck bestimmt | Pfad |

Die praktische Regel: Muss das Aussehen exakt stimmen, wählen Sie Pfade; muss der Inhalt zugänglich sein, wählen Sie Text. Für ein Logo sind Pfade fast immer richtig; für eine Informationsgrafik kann Text besser sein.

Es gibt noch einen dritten Weg: die Schrift in das SVG einzubetten. Das sorgt dafür, dass der Text zugleich markierbar bleibt und korrekt aussieht, vergrößert aber die Datei, und Schriftlizenzen erlauben es nicht immer.

Schritt 3: Wandeln Sie um

Öffnen Sie das Werkzeug zur Umwandlung von PDF nach SVG und laden Sie Ihre Datei hoch. Die Verarbeitung läuft in Ihrem Browser; Ihre Datei wird nicht an einen Server gesendet.

Bei einem mehrseitigen Dokument wird jede Seite zu einem eigenen SVG, und Sie erhalten das Ergebnis meist als ZIP-Archiv. Wollen Sie nur eine bestimmte Seite, ist es schneller und ordentlicher, diese Seite vor der Umwandlung mit einem Extraktionswerkzeug herauszutrennen.

Schritt 4: Prüfen Sie das Ergebnis

Öffnen Sie die SVG-Dateien in einem Browser (es genügt, die Datei in einen Browsertab zu ziehen) und sehen Sie sich Folgendes an:

Stimmen die Schriften? Haben Sie als Text exportiert und ist die Schrift auf Ihrem System nicht vorhanden, sehen die Zeichen anders aus und die Ausrichtung verrutscht. Prüfen Sie besonders Umlaute und Sonderzeichen.

Stimmen die Farben? PDFs können den Farbraum CMYK verwenden, während SVG RGB-basiert ist. Bei der Umwandlung können sich Farben verschieben – besonders bei dunklem Rot, Marineblau und Orangetönen fällt das auf. Müssen Unternehmensfarben exakt stimmen, müssen Sie die Werte womöglich von Hand korrigieren.

Transparenz und Mischung. Die fortgeschrittenen Transparenzfunktionen von PDF (Mischmodi, weiche Masken) finden in SVG nicht immer eine exakte Entsprechung. Bei Seiten mit solchen Effekten kann es optische Unterschiede geben.

Dateigröße. Ist sie größer als erwartet, kann es zwei Gründe geben: Auf der Seite liegt ein eingebettetes Bitmapbild (das als base64 in das SVG kodiert wurde), oder Sie haben den Text in Pfade umgewandelt und die Seite ist textdicht.

Schritt 5: Räumen Sie bei Bedarf auf

Aus PDF stammende SVGs sind meist nicht "sauber". Weil der Konverter versucht, die Zeichenbefehle des PDFs exakt nachzubilden, entstehen:

zahlreiche verschachtelte <g>-Elemente (Gruppen),
für jedes Element ein eigener Beschneidungspfad (clipPath),
überflüssige Transformationsmatrizen,
unsichtbare oder außerhalb der Seite liegende Elemente.

Wollen Sie die Datei im Web verwenden, senkt ein SVG-Optimierer (etwa SVGO) die Größe deutlich. Auch das Öffnen und erneute Speichern in Illustrator oder Inkscape vereinfacht die Struktur.

Wenn Sie ein Logo herauslösen wollen: Öffnen Sie das SVG in einem Vektoreditor, wählen Sie die Logogruppe aus, löschen Sie den Rest, beschneiden Sie die Zeichenfläche auf den Inhalt und speichern Sie neu. Die aus dem PDF stammende Gruppenstruktur kann komplex sein, doch diese Arbeit dauert meist nur wenige Minuten.

Wann SVG nicht die richtige Antwort ist

Bei gescannten Dokumenten. Sie gewinnen keinen Vektor.

Beim Teilen mehrseitiger Dokumente. SVG ist einseitig; 50 Dateien zu teilen ist schlechter, als ein PDF zu teilen.

Bei fotolastigen Seiten. Fotos werden in das SVG eingebettet, und die Datei bläht sich auf. Für Fotos sind PNG oder JPEG die richtigen Formate.

Wenn Sie nur anzeigen wollen. PDF öffnet sich ohnehin überall. Die Umwandlung ist sinnvoll, wenn Sie bearbeiten oder ins Web einbetten müssen.

Bei Aufträgen für den Druck. Druckereien verlangen meist PDF; die Unterstützung von SVG für CMYK und Druckvorstufe ist begrenzt.

Szenarien aus der Praxis

Ein Logo herauslösen. Das Corporate-Design-Handbuch kam als PDF, und Sie müssen das Logo auf die Website stellen. Extrahieren Sie die Seite mit dem Logo, wandeln Sie sie nach SVG um, lösen Sie das Logo im Editor heraus, säubern und optimieren Sie es.

Eine technische Zeichnung bearbeiten. Eine CAD-Ausgabe ist Ihnen als PDF zugegangen, und Sie müssen Änderungen daran vornehmen. Sie können sie nach SVG umwandeln und in einem Vektoreditor öffnen – die Maße bleiben erhalten, die Ebenenstruktur geht jedoch verloren.

Skalierbare Grafik im Web. Sie wollen eine Infografik auf Ihre Website stellen und dass sie auf jedem Bildschirm scharf ist. SVG ist schärfer als PNG und meist auch kleiner.

Eine Präsentationsgrafik weiterverwenden. Sie wollen ein Schaubild aus einem Bericht in eine Präsentation übernehmen. Als SVG exportiert, können Sie im Editor seine Farben ändern.

Zusammengefasst

Die Umwandlung von PDF nach SVG macht Vektorinhalte für Web und Gestaltungsprogramme nutzbar. Der Schlüssel zum Erfolg liegt in zwei Entscheidungen: zu überprüfen, ob die Quelle wirklich vektorbasiert ist (bei gescannten Dokumenten ist diese Umwandlung sinnlos), und zu entscheiden, ob der Text in Pfade umgewandelt wird (Pfade für exakte Darstellung, Text für Barrierefreiheit und Bearbeitbarkeit). Mehrseitige Dokumente ergeben pro Seite eine Datei; Farben können beim Wechsel von CMYK nach RGB verrutschen; und das entstehende SVG hat meist eine komplexe Struktur, die für den Einsatz im Web optimiert werden sollte.