Vergleichen
PNG vs. SVG
PNG ist ein Rasterbild aus Pixeln; SVG beschreibt Vektorformen, die ohne festes Pixelraster skaliert werden können. Entscheidend ist, ob das Motiv pixelbasiert ist oder in verschiedenen Größen scharf bleiben soll.
Welches Format sollten Sie wählen?
Verwenden Sie PNG für Screenshots, fertige Rastergrafiken und breite Kompatibilität; nutzen Sie SVG für skalierbare Logos, Symbole und Diagramme, nachdem Sie die Quelle geprüft haben.
Geeignet für PNG
Oberflächengrafiken · Bildschirmfotos · Transparente Bilder
- Bilder mit Transparenz
- Text und Strichgrafiken
Geeignet für SVG
Logos, Icons und Diagramme
- Skalierbare Illustrationen
- Editierbare Formen
Grundlegende Informationen
| Merkmal | PNG | SVG |
|---|---|---|
| Dateiendung | .png | .svg |
| MIME-Typ | image/png | image/svg+xml |
| Häufige Verwendung | Oberflächengrafiken · Bildschirmfotos · Transparente Bilder | Logos, Icons und Diagramme |
| Öffnen | Die meisten Systembetrachter, Webbrowser und Bildbearbeitungen öffnen PNG-Dateien. | Öffnen Sie SVG im Browser, Vektoreditor oder kompatiblen Viewer. |
| Exportieren oder konvertieren | Exportieren Sie nur dann nach JPEG, wenn Transparenz und verlustfreie Qualität nicht mehr nötig sind. Bewahren Sie das PNG-Original auf. | Exportieren Sie bei Bedarf PNG und prüfen Sie Größe, Schriften, Farbe und Transparenz. |
Nach Einsatzzweck wählen
Bilder mit Transparenz
Oberflächengrafiken · Bildschirmfotos · Transparente Bilder
PNGText und Strichgrafiken
Oberflächengrafiken · Bildschirmfotos · Transparente Bilder
PNGSkalierbare Illustrationen
Logos, Icons und Diagramme
SVGEditierbare Formen
Logos, Icons und Diagramme
SVGWichtiger Punkt 1
PNG speichert Pixel und wird für Rastergrafiken breit unterstützt.
Unterschiede im DetailWichtiger Punkt 2
SVG beschreibt Vektorformen, die je nach Inhalt sauber skalieren.
Unterschiede im DetailUnterschiede im Detail
Testen Sie das Motiv in den tatsächlichen Anzeigegrößen und prüfen Sie Transparenz, Schriften und Effekte nach der Konvertierung. Behandeln Sie externe SVG-Dateien als aktive Inhalte und prüfen Sie sie vor dem Einbetten.
- PNG eignet sich für pixelgenaue fertige Bilder und Screenshots.
- SVG ist nützlich für Logos und Symbole in mehreren Größen.
- Komplexe Effekte können in SVG-Werkzeugen und Browsern unterschiedlich dargestellt werden.
Häufige Fragen
Sollte jedes Logo SVG sein?
SVG eignet sich oft für skalierbare Logos, doch Renderer-Unterstützung und Quelldatei müssen geprüft werden. Bei Bedarf sollte ein Raster-Fallback vorhanden sein.