Was eine SVG-Datei ist

Was eine SVG-Datei ist

Ein SVG ist kein Bild, sondern die Beschreibung eines Bildes: eine Textdatei, die Formen, Pfade, Farben und die Regeln zu ihrer Darstellung auflistet. Nichts darin hat eine Größe in Pixeln, weshalb ein SVG-Logo auf einem Telefon und auf einer Plakatwand gleich scharf ist, während ein PNG desselben Logos sich für eine Auflösung entscheiden und damit leben muss.

Das macht es zum richtigen Format für alles Gezeichnete statt Aufgenommene — Logos, Symbole, Diagramme, Schaubilder. Und zum falschen für Fotografien, die keine Formen zum Beschreiben haben; eine in ein SVG zu vektorisieren ergibt eine riesige Datei, die schlechter aussieht als das Original.

Weil ein SVG Text ist, ist es zugleich ein Dokument, das Skripte, Ereignisbehandler und Verweise auf andere Websites enthalten kann. Das ist eine echte und keine theoretische Sicherheitsfrage, und deshalb entfernt diese Website all das, bevor sie eines darstellt.

Woher es kommt

SVG wurde 2001 vom W3C standardisiert, zusammengesetzt aus zwei konkurrierenden Vektorvorschlägen. Es blieb ein Jahrzehnt fast ungenutzt, weil Internet Explorer es nicht darstellte, und wurde binnen weniger Jahre nach IE9 im Jahr 2011 allgegenwärtig — zu einem Zeitpunkt, als Bildschirme begonnen hatten, in der Punktdichte stark zu variieren, und ein Format ohne feste Auflösung sich als genau das Richtige erwies.

SVG auf einen Blick

SVG auf einen Blick

• Es wird nichts komprimiert. Die Dateigröße folgt fast unmittelbar aus den Abmessungen, weshalb diese Dateien so viel größer sind als alles andere hier.
• Es gibt überhaupt keine Pixel. Die Datei listet Formen und die Regeln zu ihrer Darstellung, die Auflösung entscheidet sich also beim Anzeigen und nicht beim Speichern.
• Transparenz ist ein voller Alphakanal: Jedes Pixel hält fest, wie durchsichtig es ist, eine weiche Kante bleibt also vor jedem Hintergrund weich.
• Der Container hält mehr als ein Einzelbild, die Umwandlung in ein Standbildformat behält also das erste und verwirft den Rest.
• Es gibt keinen standardisierten Platz für Aufnahmedaten, Datumsangaben oder Urheberrecht, alles, was die Quelle trug, fällt beim Hineingehen weg.

Worin es gut ist

• Volle Transparenz: Jedes Pixel hält fest, wie durchsichtig es ist, Kanten gehen also sauber in jeden Hintergrund über.
• Enthält mehrere Einzelbilder und spielt sie ab, kann also einen kurzen Endlosclip tragen.
• Nichts wird verworfen. Was hineingeht, kommt zurück, wie oft Sie auch speichern.
• Hat überhaupt keine Auflösung. Dieselbe Datei ist auf einem Telefonbildschirm und auf einem gedruckten Plakat scharf.

Wo es zu kurz greift

• Kein fotografisches Format. Eine hineingezwungene Fotografie ist größer und schlechter als zuvor.
• Kann Skripte und Verweise auf andere Websites enthalten, muss also als Dokument und nicht als Bild behandelt werden.
• Kein standardisierter Platz für Aufnahmedaten, Datumsangaben oder Urheberrecht, die also beim Hineingehen verloren gehen.
• Nur von neueren Browsern gelesen: Chrome 4, Firefox 3, Safari 3.2.

Was Sie statt SVG nehmen sollten

• Für Fotografien nehmen Sie JPG für Kompatibilität, WebP für ein gutes Gleichgewicht oder AVIF für die kleinste Datei. Dieses Format ist nicht dafür gebaut, eine zu speichern, und wird sowohl größer als auch schlechter ausfallen.
• Für ein Bild, das sich ohne Rückfalllösung überall anzeigen muss, nehmen Sie PNG oder JPG. Beide werden von jedem Browser länger gelesen, als die meisten Alternativen überhaupt existieren.

Wann SVG das Richtige ist

Nehmen Sie SVG für alles Gezeichnete statt Fotografierte: Logos, Symbole, Diagramme, Schaubilder, Illustrationen. Nehmen Sie es besonders dort, wo dasselbe Bild in sehr verschiedenen Größen erscheinen muss, denn es hat keine Auflösung, bei der es sich irren könnte.

Meiden Sie SVG für Fotografien. Eine zu vektorisieren erzeugt eine große Datei, die schlechter aussieht als das Original, und kein Vektorformat kann daran etwas bessern. Behandeln Sie ein SVG aus unbekannter Quelle mit der Vorsicht, die Sie einer HTML-Datei entgegenbrächten, denn das kommt der Sache näher.

Was eine SVG-Datei öffnet

Auf einem Rechner öffnen sich SVG-Dateien in Inkscape, Illustrator, and any browser.

Die Browser-Unterstützung ist jünger: Chrome 4, Firefox 3, Safari 3.2. Ein älterer Browser bietet an, die Datei herunterzuladen, statt sie anzuzeigen.

Eine SVG-Datei in etwas anderes verwandeln:

• Bild-Konverter
• SVG-zu-PNG-Konverter
• SVG-zu-JPG-Konverter
• SVG-zu-WebP-Konverter
• SVG-zu-AVIF-Konverter
• SVG-zu-BMP-Konverter
• SVG-zu-ICO-Konverter

Aus etwas anderem eine SVG-Datei erzeugen:

• Bild-zu-SVG-Konverter
• SVG-Optimierer
• SVG-Minifizierer
• SVG-Betrachter und -Prüfer

Häufige Probleme mit SVG

Es sieht in verschiedenen Programmen verschieden aus.

Die Datei beschreibt Formen und überlässt das Zeichnen dem, was sie öffnet, und Schriften, Filter und Einheiten sind die Teile, die zwischen Renderern am stärksten variieren. Wandeln Sie Text vor dem Export in Pfade um, meiden Sie Effekte, die vom Renderer abhängen, und geben Sie dem Dokument eine ausdrückliche Größe, statt sich auf eine abgeleitete zu verlassen.

Nur das erste Einzelbild ist herausgekommen.

Das Format, in das Sie umgewandelt haben, hält ein Bild, für die übrigen Einzelbilder gab es also keinen Platz. Wandeln Sie nach animiertem WebP um, wenn die Bewegung zählt. Es speichert dieselbe Animation in einem Bruchteil der Größe, mit voller Farbe und richtiger Transparenz.

Bei mir wird es angezeigt und bei manchen Besuchern nicht.

Die Unterstützung für dieses Format kam verhältnismäßig spät, ein älterer Browser oder ein nicht aktualisiertes Gerät liest es also womöglich nicht. Liefern Sie ein älteres Format daneben aus und lassen Sie den Browser wählen, oder wandeln Sie nach PNG oder JPG um, wenn Sie das Markup nicht kontrollieren.

Die Aufnahmedaten und Urheberrechtsfelder sind verschwunden.

Das Format hat keinen standardisierten Platz dafür, alles, was die Quelle trug, wurde beim Hineingehen verworfen. Wandeln Sie in ein Format um, das Metadaten hält, wenn die Zuschreibung zählt, oder behalten Sie das Original neben der umgewandelten Kopie als Nachweis der Herkunft.

Eine SVG-Datei hier umwandeln

1. Wählen Sie Ihre Datei, oder ziehen Sie sie auf das Feld. Sie wird von Ihrem Gerät gelesen und geht nicht weiter.
2. Stellen Sie ein, was die Umwandlung anbietet — Qualität, Größe, Hintergrund — und starten Sie sie. Alles läuft auf Ihrem eigenen Rechner, ein großes Bild belegt also Ihren Speicher und Ihren Prozessor statt einer Warteschlange irgendwo.
3. Laden Sie das Ergebnis herunter. Nichts wird aufbewahrt: Die Seite zu verlassen oder zurückzusetzen gibt die Datei und die umgewandelte Kopie gleichermaßen frei.

SVG gegen die Alternativen

• PNG VS SVG

Häufige Fragen

Warum sieht meine vektorisierte Fotografie als SVG falsch aus?

Weil Vektorisieren eine Annäherung ist und keine Umwandlung. Es reduziert eine Fotografie auf ein paar tausend flache farbige Formen, was bei einem Logo funktioniert und an einem Gesicht scheitert. Ist die Quelle eine Fotografie, verbessert kein Vektorformat sie — die Details bestehen nicht aus Formen.

Ist es sicher, ein zugeschicktes SVG zu öffnen?

Behandeln Sie es eher wie eine HTML-Datei als wie ein Bild, denn das kommt der Sache näher. Ein SVG kann Skripte enthalten und Inhalte von anderswo laden. Eines direkt im Browser zu öffnen führt es aus; diese Website liest es ein und entfernt Skripte, Behandler und externe Verweise, bevor irgendetwas dargestellt wird.

Warum ist mein SVG größer als das PNG, das es ersetzt hat?

Weil es aus einem Rasterbild vektorisiert und nicht gezeichnet wurde, was Tausende einzelner Formen erzeugt. Ein gezeichnetes SVG eines Logos hat meist ein paar Kilobyte; eine vektorisierte Fotografie kann Megabyte haben und dabei schlechter aussehen als das, woraus sie stammt.

Bleibt Transparenz beim Umwandeln einer SVG-Datei erhalten?

Nur wenn das Zielformat einen Platz dafür hat. PNG, WebP, AVIF und GIF haben ihn, in unterschiedlichem Maß; JPG und BMP nicht, und eine durchsichtige Fläche wird beim Umwandeln dorthin zu einer Volltonfarbe. Das Werkzeug nennt Ihnen den verwendeten Hintergrund.

Überstehen alle Einzelbilder eine Umwandlung?

Nur wenn das Zielformat ebenfalls animiert. Die Umwandlung in ein Standbildformat behält das erste Einzelbild und verwirft den Rest, was meist nicht gewollt ist und leicht versehentlich passiert. Animiertes WebP ist das Format, in das umzuwandeln ist, wenn die Bewegung zählt.

Wie öffne ich eine .SVG-Datei?

Die oben genannte Software liest sie direkt. Wenn auf Ihrem Rechner nichts sie öffnet, ist die Umwandlung nach PNG oder JPG der verlässliche Weg — beide öffnen sich überall, und die Umwandlung geschieht hier in Ihrem Browser statt auf einem Server.

Verliert eine SVG-Datei beim Umwandeln an Qualität?

Das hängt davon ab, worin Sie umwandeln, nicht wovon. Die Umwandlung in ein verlustfreies Format wie PNG bewahrt jedes Pixel; die nach JPG, WebP oder AVIF verwirft Details dauerhaft. Nichts holt Qualität zurück, die die Datei bereits verloren hatte.

Ist das Umwandeln aus SVG kostenlos, und wird meine Datei hochgeladen?

Kostenlos, ohne Konto, und nichts wird hochgeladen. Jeder Konverter auf dieser Website liest Ihre Datei mit den Datei-Schnittstellen des Browsers, wandelt sie mit Code auf Ihrem Gerät um und gibt das Ergebnis als Download zurück. Das können Sie im Netzwerk-Bereich der Entwicklerwerkzeuge selbst nachsehen.

Wo findet die Umwandlung statt?

In Ihrem Browser, auf Ihrem eigenen Gerät. Es gibt hier keinen Konvertierungsserver, zu dem sich etwas hochladen ließe, und kein Drittanbieterdienst ist beteiligt. Das ist eine Aussage darüber, was die Website tut, und kein Versprechen darüber, wie sie hochgeladene Dateien behandelt, denn es findet kein Hochladen statt.