Ist SVG immer kleiner als PNG?

Nein, das hängt vom Inhalt ab. Ein einfaches Logo oder eine Liniengrafik belegt als SVG wenige Kilobyte, als PNG dagegen mehrere Hundert. Doch wenn Sie bei einer textdichten Seite den Text in Pfade umwandeln, wird jeder Buchstabe zu einer Vektorform und das SVG bläht sich auf; dieselbe Seite kann als PNG kleiner sein. Bei Seiten mit Fotos verliert SVG immer, weil es das Foto einbettet und darüber noch einen XML-Umschlag legt.

Was soll ich für meine Website verwenden?

Für Logos, Icons, Liniengrafiken und Schaubilder SVG – es bleibt in jeder Bildschirmauflösung scharf und ist meist kleiner. Für Fotos und fotoähnliche Bilder WebP oder JPEG. Für ganzseitige Bilder mit gemischtem Inhalt PNG oder WebP. Verwenden Sie PNG für hochauflösende Displays, müssen Sie es in doppelter Auflösung erzeugen; bei SVG gibt es diese Sorge nicht.

Wie wählt man bei PNG die Auflösung?

Nach dem Einsatzort. Für die normale Anzeige im Web genügen 96–150 DPI; für hochauflösende Displays verdoppeln Sie das. Soll gedruckt werden, sind 300 DPI Standard. Erzeugen Sie eine A4-Seite als PNG mit 300 DPI, erhalten Sie etwa 2480 × 3508 Pixel, und die Datei kann mehrere Megabyte umfassen. Eine höhere Auflösung als nötig bläht die Datei nur auf.

In welches Format soll ich ein gescanntes PDF umwandeln?

PNG oder JPEG. Eine gescannte Seite besteht bereits aus Pixeldaten; sie nach SVG umzuwandeln bringt keinen Vektor, sondern legt dasselbe Bild in einen XML-Umschlag und vergrößert die Datei. Für textlastige Schwarzweißscans liefert meist PNG, für Fotos und Graustufenscans JPEG die kleinere Datei.

PDF nach SVG oder nach PNG umwandeln? Vektor und Raster im Vergleich

Sie wollen eine PDF-Seite als Bild exportieren – um sie in einer Präsentation zu verwenden, auf eine Website zu stellen, in eine E-Mail einzubetten oder in einem Gestaltungsprogramm zu bearbeiten. Dabei stehen drei Hauptoptionen zur Wahl: SVG, PNG und JPEG. Die richtige Wahl hängt vom Inhalt der Seite und vom Ziel des Bildes ab – und die falsche rächt sich entweder als Qualitätsverlust oder als Dateigröße.

Die grundlegende Unterscheidung: Vektor oder Raster?

SVG ist ein Vektorformat. Es speichert Formen als mathematische Beschreibungen: "von diesem Punkt zu jenem eine Kurve, gefüllt mit dieser Farbe." Es wird in jeder Größe neu berechnet und bleibt daher scharf, wie stark Sie es auch vergrößern.

PNG und JPEG sind Rasterformate. Sie speichern ein festes Pixelraster. Beim Vergrößern werden die Pixel größer und das Bild unscharf.

Diese Unterscheidung bestimmt alles – doch zu sagen "Vektor ist immer besser" wäre falsch, denn nicht jeder Inhalt eignet sich für Vektoren.

Vergleichstabelle

| Kriterium | SVG | PNG | JPEG | |---|---|---|---| | Skalierbarkeit | Unbegrenzt | Fest | Fest | | Eignung für Fotos | Schlecht | Mittel | Sehr gut | | Eignung für Linien/Text | Sehr gut | Gut | Schlecht (Unschärfe) | | Transparenz | Ja | Ja | Nein | | Bearbeitbarkeit | Hoch | Keine | Keine | | Text markierbar | Möglich | Nein | Nein | | Steuerung per CSS/JS | Ja | Nein | Nein | | Verlustbehaftet | Nein | Nein | Ja | | Öffnet sich überall | In modernen Umgebungen | Ja | Ja |

Szenario 1: Ich will das Logo aus einem PDF auf die Website stellen

Sie lösen das Logo aus dem Corporate-Design-Handbuch heraus.

Sieger: SVG, ohne Diskussion.

Ein Logo besteht typischerweise aus einigen Flächen und wenigen Kurven. In SVG ist das eine Datei von wenigen Kilobyte. Um dasselbe Logo als PNG auf hochauflösenden Displays scharf zu zeigen, müssten Sie es mit 800 × 800 Pixeln erzeugen, und die Datei würde 50–200 KB groß.

Weitere Vorteile von SVG: Sie können seine Farbe per CSS ändern (Unterstützung für helles und dunkles Design), es bleibt bei jeder Bildschirmdichte automatisch scharf, und Sie nutzen eine einzige Datei für jede Größe.

Das Herauslösen: Extrahieren Sie die Seite mit dem Logo, wandeln Sie sie nach SVG um, öffnen Sie sie in einem Vektoreditor, löschen Sie alles außer dem Logo, beschneiden Sie die Zeichenfläche, optimieren Sie die Datei und speichern Sie sie.

Szenario 2: Ich will ein gescanntes Dokument als Bild weitergeben

Sie haben den Scan eines alten Schriftstücks und wollen ihn in eine Präsentation aufnehmen.

Sieger: PNG (bei textlastigem Inhalt) oder JPEG (bei Fotos/Graustufen).

SVG ist in diesem Szenario die völlig falsche Wahl. Die gescannte Seite besteht bereits aus Pixeldaten; wandeln Sie sie nach SVG um, bettet der Konverter dieses Bild als base64 in das SVG ein. Das Ergebnis: dieselben Pixel, dazu ein XML-Umschlag und ein Größenzuwachs von rund 33 % durch die base64-Kodierung. Kein Gewinn, nur Verlust.

Bei der Frage PNG oder JPEG gilt die grobe Regel: Bei Inhalten mit scharfen Kanten und wenigen Farben PNG; bei Inhalten mit weichen Tonverläufen und fotoähnlichem Charakter JPEG. Gescannter Schwarzweißtext wird in PNG zugleich klein und scharf. Graustufen- oder Farbscans werden in JPEG deutlich kleiner.

Szenario 3: Ich will eine technische Zeichnung im Gestaltungsprogramm bearbeiten

Eine CAD-Ausgabe kam als PDF, und Sie müssen die Maße ändern.

Sieger: SVG.

Das ist das einzige Szenario mit echtem Bearbeitungsbedarf, und Rasterformate bieten hier gar nichts. Öffnen Sie ein PNG im Editor, sehen Sie ein einziges Bildobjekt; auf die einzelnen Linien haben Sie keinen Zugriff.

In SVG ist jede Linie, jeder Kreis, jede Füllung ein eigenes Element. Sie können es auswählen, verschieben, umfärben und löschen.

Setzen Sie die richtige Erwartung: Aus PDF stammende SVGs bestehen meist aus zahlreichen verschachtelten Gruppen und Beschneidungspfaden, die Struktur ist nicht sauber. Zudem sind Ebeneninformationen, Bemaßungsobjekte und die parametrische Struktur der CAD-Datei verloren – in Ihren Händen bleiben nur Linien.

Szenario 4: Ich will eine Berichtsseite in eine Präsentation einfügen

Sie wollen ein Diagramm oder eine Tabelle auf eine PowerPoint-Folie setzen.

Sieger: meist PNG.

Die SVG-Unterstützung von Präsentationsprogrammen ist wechselhaft – manche unterstützen es, manche nicht, manche unterstützen es, rendern aber anders. Wenn Sie die Präsentation auf einem anderen Rechner öffnen, wollen Sie kein Risiko eingehen.

PNG ist die sichere Wahl. Denken Sie bei der Auflösung daran, wie die Präsentation gezeigt wird: Für den Beamer genügen 1920 Pixel Breite, für den Druck ist mehr nötig.

Verwenden Sie in Präsentationen kein JPEG: Bei Bildern mit Text und Linien hinterlässt die JPEG-Komprimierung unscharfe Ringe (Artefakte) um die Kanten, und das Ergebnis wirkt nachlässig.

Szenario 5: Ich will eine Infografik auf meiner Website veröffentlichen

Eine farbige, ganzseitige Grafik mit Text und Formen.

Sieger: kommt darauf an – testen Sie es.

Das ist das Szenario ohne eine einzig richtige Antwort. Zwei Faktoren entscheiden:

Die Textmenge. Wandeln Sie beim Export nach SVG den Text in Pfade um, wird jeder Buchstabe zu einer Vektorform. Bei einer textdichten Infografik kann das SVG dadurch auf mehrere Hundert Kilobyte anwachsen. Dieselbe Grafik kann als PNG kleiner sein.

Gibt es eingebettete Fotos? Wenn ja, verliert SVG – es bettet das Foto ein und bläht sich auf.

Der praktische Ansatz: Erzeugen Sie beide Formate, vergleichen Sie die Größen und öffnen Sie beide im Browser, um die Bildqualität zu beurteilen. In den meisten Fällen sehen Sie, dass eines deutlich gewinnt.

Gewinnt SVG, kommt ein weiterer Vorteil hinzu: Es bleibt auf hochauflösenden Displays automatisch scharf, und Sie müssen keine Datei in zwei Auflösungen erzeugen.

Szenario 6: Ein Bild, das gedruckt werden soll

Sie wollen eine Seite in hoher Qualität drucken.

Sieger: PNG (300 DPI) oder direkt PDF.

Die beste Antwort lautet eigentlich: wandeln Sie gar nicht um. Für den Druck ist PDF ohnehin das beste Format – Vektorinhalte werden in voller Auflösung gedruckt, CMYK-Farbinformationen bleiben erhalten, und Schriften sind eingebettet.

Müssen Sie in ein Bildformat umwandeln, erzeugen Sie das PNG mit 300 DPI. Für eine A4-Seite bedeutet das etwa 2480 × 3508 Pixel, und die Datei umfasst einige Megabyte.

SVG mag technisch drucktauglich wirken, hat aber drei Lücken: keine CMYK-Unterstützung, keine definierten Anschnitt- und Schnittmarken, kein einbettbares Farbprofil. Deshalb akzeptieren Druckereien kein SVG.

Die Auflösungswahl bei PNG

Haben Sie PNG gewählt, ist die Auflösung die entscheidende Einstellung:

| Einsatz | Empfohlene DPI | Pixel für A4 | |---|---|---| | Web, normaler Bildschirm | 96 | ca. 794 × 1123 | | Web, hochauflösendes Display | 192 | ca. 1587 × 2245 | | Präsentation (Beamer) | 150 | ca. 1240 × 1754 | | Druck | 300 | ca. 2480 × 3508 | | Hochwertiger Druck | 600 | ca. 4960 × 7016 |

Eine höhere Auflösung als nötig zu wählen bläht die Datei nur auf; Qualität bringt es nicht, denn das Quell-PDF hat seine eigene Auflösungsgrenze (besonders bei den darin enthaltenen Bildern).

Die Entscheidung im Überblick

Ein einfacher Ablauf:

Ist die Quelle gescannt? Wenn ja → PNG oder JPEG. Denken Sie gar nicht erst an SVG.
Müssen Sie bearbeiten? Wenn ja → SVG, es gibt keine Alternative.
Handelt es sich um ein Logo, ein Icon oder eine Liniengrafik? Wenn ja → SVG.
Ist der Inhalt fotolastig? Wenn ja → JPEG (oder WebP fürs Web).
Geht es in eine Präsentation? → PNG, wegen der Kompatibilität.
Soll gedruckt werden? → Als PDF belassen; wenn es sein muss, PNG mit 300 DPI.
Gemischter Inhalt, Veröffentlichung im Web? → Beide erzeugen und vergleichen.

Und eine letzte Erinnerung: Zoomen Sie vor der Umwandlung stark in die Seite hinein und prüfen Sie, ob die Quelle wirklich vektorbasiert ist. Diese eine Prüfung beantwortet die Hälfte der obigen Entscheidungen von allein.