Du möchtest ein Vektorlogo in eine Präsentation einsetzen oder in einem Pixelprogramm kommentieren? Eine PNG-Kopie liefert dafür ein festes Bild aus der im Browser gezeichneten SVG. Behalte die Vektorquelle: Bei späteren Größenänderungen kann sie neu gerendert werden, während das PNG nur seine vorhandenen Pixel mitbringt.
.SVG-Datei hier ablegen
oder klicken, um vom Gerät zu durchsuchen
Eine SVG-Datei kann durch Pfade, Text, ViewBox und Stile ihre Darstellung definieren. Der Browser löst daraus ein Raster in konkreten Pixelmaßen auf. Das PNG speichert diese Ansicht ohne zusätzliche JPEG-Kompression. Es enthält jedoch keine editierbaren Pfade oder Texte mehr. Für ein Dokument mit festem Layout ist das oft ausreichend, für eine spätere Logoänderung nicht.
PNG kann Alpha speichern, sofern die gerenderte SVG-Ansicht transparente Stellen liefert. Teste Ränder auf der Hintergrundfarbe, auf der das Bild später steht. Ein Schatten oder eine halbtransparente Kontur kann auf Weiß unauffällig, auf Dunkel aber deutlich sein.
Verwendet das SVG eine lokal installierte Schrift oder externe Ressource, kann der Browser anders rendern als das ursprüngliche Designprogramm. Vergleiche Buchstabenformen, Zeilenumbrüche und Symbole im Ergebnis. Für eine Grafik, deren Text exakt sein muss, ist diese Sichtprüfung unverzichtbar.
Bei späteren Änderungswünschen solltest du wieder vom SVG ausgehen. Die PNG-Datei ist eine praktische Momentaufnahme der Darstellung, nicht ein Ersatz für das skalierbare Dokument.
Eine Präsentation oder ein Dokument, das PNG verlangt, kann die Illustration als Raster verwenden. Prüfe die Ausgabe in der Größe, in der sie auf der Folie erscheint. Eine Grafik mit vielen kleinen Zahlen braucht oft mehr Pixel als ein einfaches Logo; der Formatwechsel allein wählt keine passende Lesebreite. Bewahre die SVG für einen späteren Export in anderen Abmessungen.
PNG fügt dem gerenderten Raster keinen zusätzlichen JPEG-Kompressionsschritt hinzu.
Die gerenderte SVG-Ansicht kann als PNG-Raster mit festen Abmessungen gespeichert werden.
Starkes Vergrößern der PNG-Datei erzeugt keine neuen Vektordetails.
Externe SVG-Schriften oder Bilder müssen beim Rendern verfügbar sein, sonst kann die Kopie unvollständig wirken.
Editierbare Pfade und Textobjekte bleiben nicht als Vektorstruktur im PNG.
Prüfe den Ausschnitt und mögliche Leerflächen.
Manche SVG-Dateien haben eine großzügige ViewBox, durch die das sichtbare Motiv im PNG klein wirkt.
Eine Formatumwandlung schneidet diese Fläche nicht zwingend passend zu.
Setze das heruntergeladene PNG probeweise in die Präsentation, E-Mail oder Druckvorlage ein.
Beurteile Lesbarkeit und Kanten bei der tatsächlichen Größe, nicht nur in der Zoomansicht.
Eine zu kleine Rasterkopie gewinnt beim Vergrößern keine Vektorschärfe zurück.
Öffne das SVG und prüfe, ob alle Elemente tatsächlich gerendert werden.
Lege die Pixelmaße passend zur späteren Dokumentenspalte fest.
Eine Diagramm-SVG kann auf einer Folie klein und in einem gedruckten Bericht groß erscheinen.
Die PNG-Datei besitzt dagegen eine feste Pixelgröße.
Prüfe die gerenderte Version im fertigen Dokument; eine Vorschau im Editor kann durch Skalierung täuschen.
Falls eine Schrift beim Rendern ersetzt wurde, können Beschriftungen aus Rahmen herausragen.
Ebenso können extern verknüpfte Elemente fehlen.
Behalte das SVG, damit du die Grafik für eine andere Ausgabegröße erneut erzeugen kannst, statt ein kleines PNG zu vergrößern.
Sind mehrere Größen nötig, gib ihnen unterscheidbare Namen.
Eine kleine PNG-Datei für eine E-Mail-Signatur sollte nicht versehentlich in einem großen Druckdokument landen.
Erzeuge jede wichtige Größe erneut aus dem SVG, statt die erste Rasterkopie hochzuskalieren.
Vergleiche die Schrift und die verknüpften Elemente nach jedem Export mit der Zeichnung.
Kontrolliere Text, Linien und eingebundene Elemente.
Rastere die sichtbare Ansicht in eine neue Datei.
Prüfe Lesbarkeit und eventuell transparente Ränder in der fertigen Folie.
Nein. Es ist ein Raster mit festen Pixelmaßen; die SVG-Quelle bleibt für neue Größen nötig.
PNG unterstützt Alpha. Ob die konkrete Kante richtig gerendert wurde, solltest du im Zielprogramm prüfen.
Der Browser kann bei fehlenden oder externen Schriften eine andere Darstellung verwenden.
Nein. Es enthält feste Pixel statt frei skalierbarer Pfade.
Nur soweit die gewählte Rastergröße ausreicht; nutze sonst die SVG-Quelle für einen neuen Export.
PNG unterstützt Alpha, aber prüfe die konkret gerenderte Ausgabe auf dem Zielhintergrund.
Nicht verfügbare Schriften oder externe Elemente können schon beim Rendern anders erscheinen.
Kostenlos, sofort und 100% privat. Ihre Dateien werden lokal in Ihrem Browser verarbeitet.