SVG oder PNG: Was eignet sich für Logos und Icons?
Beide Formate unterstützen Transparenz und beide eignen sich für Logos. Der Unterschied liegt darin, wie sie das Bild speichern, und das bestimmt, wo jedes am besten funktioniert.
Vektor gegen Bitmap
Ein SVG speichert Formen und Kurven als Anweisungen, kann daher auf jede Größe skaliert werden, ohne unscharf zu werden, und ist oft winzig. Ein PNG speichert ein festes Raster farbiger Pixel. Vergrößerst du es, wird es weich und blockig.
Nutze SVG, wenn
Das Motiv ein Logo, Icon, Diagramm oder eine einfache Illustration auf einer Website ist. SVG bleibt bei jeder Bildschirmdichte scharf und lässt sich mit CSS gestalten.
Nutze PNG, wenn
Du das Bild an einer Stelle einsetzen musst, die SVG nicht akzeptiert: E-Mail-Signaturen, viele soziale Netzwerke, Präsentationen, Marktplätze und App-Stores. PNG ist auch die richtige Wahl für Screenshots und für jedes Bild mit fotografischen Details.
SVG gut in PNG umwandeln
Wähle die benötigte Ausgabegröße und rendere mit 2x oder mehr für Retina-Displays. Für den Druck solltest du die Pixelgröße anpeilen, die in der gedruckten Größe mindestens 300 Pixel pro Zoll ergibt.