PNG vs SVG
PNG und SVG sind beide weit verbreitet und werden aus verschiedenen Gründen gewählt. Diese Seite stellt sie bei den Dingen gegeneinander, die zwischen ihnen entscheiden, und verweist auf die Konverter für beide Richtungen — die alle in Ihrem Browser laufen, ohne dass die Datei je hochgeladen wird.
Die kurze Antwort
Das sind nicht zwei Wege zum selben Ziel. Ein PNG ist ein Pixelraster fester Größe; ein SVG ist eine Beschreibung von Formen ohne jede Größe. Für ein Logo, ein Symbol oder ein Diagramm — alles Gezeichnete statt Fotografierte — ist SVG schlicht die richtige Antwort, denn dieselbe Datei ist bei sechzehn Pixeln und auf einem gedruckten Plakat scharf und wiegt meist weniger als jedes einzelne PNG davon.
Für eine Fotografie ist SVG in keinem brauchbaren Sinn eine Option. Es gibt keine Formen zu beschreiben, und eine zu vektorisieren erzeugt eine riesige Datei, die schlechter aussieht als das, woraus sie stammt. SVG bringt zudem eine Sicherheitsfrage mit, die PNG nicht hat: Es ist ein Dokument, das Skripte enthalten kann, ein SVG unbekannter Herkunft verdient also die Vorsicht, die Sie einer HTML-Datei entgegenbrächten.
Wenn Sie ein Logo als PNG haben und es als SVG wollen, lautet die ehrliche Antwort meist: zurück zu der Person, die es gezeichnet hat. Vektorisieren liefert Formen, die die Pixel annähern, nicht die Formen, die die Gestalterin tatsächlich gezeichnet hat, und der Unterschied zeigt sich in dem Moment, in dem jemand es vergrößert oder umfärben will.
Nebeneinander
| Eigenschaft | PNG | SVG |
|---|---|---|
| Kompression | Verlustfrei | Keine, so gespeichert wie geschrieben |
| Farbe | 8 Bit je Kanal | Formen, keine Pixel |
| Transparenz | Vollständiger Alphakanal | Vollständiger Alphakanal |
| Animation | Nein | Ja |
| Behält EXIF | Ja | Nein |
| Browser-Unterstützung | Jeder Browser seit 1997 | Chrome 4, Firefox 3, Safari 3.2 |
| Größe einer Fotografie | 3- bis 5-mal so groß wie ein JPG | Kein Format für Fotografien |
| Veröffentlicht | 1996 | 2001 |
Wo sie sich tatsächlich unterscheiden
- Sie komprimieren unterschiedlich, und das ist der Unterschied hinter den meisten anderen: Eines behält jedes Pixel genau so, wie es gegeben wurde, das andere verwirft Details, um kleiner zu sein, und kann sie nicht zurückholen.
- Nur SVG hält mehr als ein Einzelbild. Eine Animation in das andere umzuwandeln behält das erste Einzelbild und verwirft den Rest, stillschweigend.
- Sie speichern Farbe grundlegend verschieden, weshalb eines gut mit Fotografien und das andere gut mit flacher Grafik umgeht und weshalb es schiefgeht, eines ins Gebiet des anderen zu zwingen.
- SVG hat überhaupt keine Auflösung: Es beschreibt Formen statt Pixel, bleibt also in jeder Größe scharf, während das andere sich für eine entscheiden und damit leben muss.
- Nur PNG führt Aufnahmeeinstellungen, Datumsangaben und Urheberrechtsfelder mit. Davon weg umzuwandeln lässt sie fallen, ohne es zu sagen.
- Die Browser-Unterstützung ist nicht gleich. PNG wird überall gelesen, und das seit Jahren; das andere ist entweder jünger oder wird, in einem Fall, von Browsern überhaupt nicht gelesen.
- Zwischen ihnen liegen 5 Jahre, und das meiste, was sie trennt, ist das, was in der Zwischenzeit gelernt worden war.
Was schiefgeht
- Eine Animation in das Standbildformat umzuwandeln behält das erste Einzelbild und verwirft den Rest, ohne Warnung. Es ist hier der leichteste Fehler und der am leichtesten zu übersehende, weil sich das Ergebnis einwandfrei öffnet.
- Aufnahmeeinstellungen, Datumsangaben und Urheberrechtsfelder überstehen den Weg in das Format nicht, das keinen Platz für sie hat. Wenn die Zuschreibung zählt, prüfen Sie die Ausgabe, statt sie anzunehmen, denn der Verlust ist lautlos.
Welches wählen
- Nehmen Sie PNG, wenn
- Nehmen Sie PNG für Fotografien, Bildschirmfotos und jedes aufgenommene statt gezeichnete Bild — und überall dort, wo eine Datei ein schlichtes Bild ohne Markup sein muss.
- Nehmen Sie SVG, wenn
- Nehmen Sie SVG für Logos, Symbole, Diagramme und Schaubilder, und besonders dort, wo dieselbe Grafik in sehr verschiedenen Größen erscheinen muss.
Zwischen beiden umwandeln
Häufige Fragen
- Kann ich ein PNG in ein echtes SVG umwandeln?
- Nur durch Vektorisieren, und das ist eine Annäherung statt einer Umwandlung. Es funktioniert bei einem Logo mit wenigen flachen Farben und scheitert an einer Fotografie. Existiert die Grafik irgendwo als Vektoren — in der Entwurfsdatei, aus der sie stammt —, ist ein Export von dort der einzige Weg zu einem echten SVG.
- Was ist besser, PNG oder SVG?
- Keines von beiden im Allgemeinen — wäre eines schlicht besser, gäbe es das andere nicht mehr. Sie sind in verschiedenen Dingen gut, und die kurze Antwort oben sagt, welches worin. Die nützliche Frage ist, was die Datei als Nächstes tun muss: bearbeitet, veröffentlicht, von jemandem geöffnet werden oder in eine Größengrenze passen.
- Geht beim Umwandeln zwischen ihnen etwas verloren?
- Das hängt von der Richtung ab. In ein Format umzuwandeln, das alles speichert, verliert nichts, holt aber auch nichts zurück; in eines umzuwandeln, das Details verwirft, verliert jedes Mal ein wenig. Die Tabelle oben sagt, welches dieser beiden was tut.
- Kann ich hinterher zurückwandeln?
- Die Datei lässt sich zurückwandeln, aber ob sie unverändert zurückkommt, hängt von der Richtung ab. Zwischen zwei Formaten, die alles speichern, ist eine Hin- und Rückwandlung verlustfrei. Verwirft eines von beiden Details, sind diese fort, und der Rückweg kann sie nicht erfinden.
- Kann ich beide verwenden?
- Auf einer Webseite oft ja, und meist ist es die richtige Antwort: Liefern Sie das kleinere moderne Format aus und nennen Sie ein älteres als Rückfall, damit jeder Browser nimmt, was er versteht. Für eine Datei, die Sie einem Menschen geben, wählen Sie eines — das, welches die Person öffnen kann.
- Welches unterstützt meine Software?
- Die Tabelle oben sagt, welche Browser welches lesen, und das ist der Teil, der am stärksten variiert. Die Unterstützung auf dem Rechner ist allgemein schwerer zu benennen und liegt meist Jahre hinter den Browsern, geht die Datei also an jemand anderen, ist das ältere und weiter verbreitete der beiden die sicherere Wahl.
- Ist das Umwandeln zwischen ihnen kostenlos?
- Ja, ohne Konto und ohne Grenze, wie viele Dateien Sie umwandeln. Jeder von dieser Seite verlinkte Konverter läuft in Ihrem Browser: Die Datei wird von Ihrem Gerät gelesen, von Code darauf umgewandelt und als Download zurückgegeben.
- Wird meine Datei hochgeladen?
- Nein. Es gibt hier keinen Konvertierungsserver, zu dem sie hochgeladen werden könnte, und kein Drittanbieterdienst ist beteiligt. Sie können es selbst nachsehen: Öffnen Sie die Entwicklerwerkzeuge Ihres Browsers, wechseln Sie ohne Filter in den Netzwerk-Bereich und führen Sie eine Umwandlung aus — keine Anfrage trägt Ihre Datei.