Ein PNG-Logo ist eine Fotografie des Logos — ein festes Pixelraster. Ein SVG-Logo sind die Anweisungen, um das Logo zu zeichnen: "ziehe eine Linie von hier bis dort, fülle mit dieser Farbe, runde diese Kante ab". Der Browser oder die Software berechnet diese Zeichnungen in Echtzeit für jede Auflösung neu. Deshalb ist SVG immer scharf — unabhängig von der Größe.

Direkter Vergleich

MerkmalSVGPNG
FormattypVektoriell (XML-Anweisungen)Rasterisiert (Pixel)
Verlustfreie Skalierung✅ Unendlich❌ Verpixelt beim Vergrößern
Transparenz✅ Vollständig✅ Vollständiger Alphakanal
Ideal für Fotos❌ Nein❌ Nein (nutze JPG/WebP)
Ideal für einfache Logos✅ Beste Option✅ Funktioniert, aber fest
Bearbeitbar via CSS/JavaScript✅ Farben, Animationen, Interaktionen❌ Nein
Dateigröße (einfaches Logo)Sehr klein (1–10 KB)Größer (20–200 KB)
Akzeptiert in sozialen Medien❌ Nein (die meisten akzeptieren kein SVG)✅ Universal
Akzeptiert in E-Mail❌ Nein✅ Ja
Akzeptiert in Druckereien✅ Ja (und bevorzugt)✅ In hoher Auflösung
Von Google indexiert✅ Lesbarer Text❌ Nur via Alt-Text

Warum SVG für Logos auf Websites überlegen ist

Ein PNG-Logo mit 200px Breite wirkt auf einem Full-HD-Monitor scharf, erscheint aber auf einem 4K-Monitor oder einem Retina-Display eines iPhones unscharf — weil der Bildschirm versucht, das Bild mit mehr Pixeln darzustellen, als es hat. Um Retina-Displays mit PNG abzudecken, muss das Logo mit 2× oder 4× der Anzeigegröße exportiert werden, was das Dateigewicht erhöht.

SVG löst dieses Problem vollständig: Der Browser rendert das SVG in der exakten Auflösung des Bildschirms, immer perfekt, ohne Versionen in verschiedenen Größen zu benötigen. Ein 5-KB-SVG eines einfachen Logos erscheint scharf auf einem 460-PPI-Smartphone, einem 4K-Monitor und einer 10-Meter-Werbetafel.

Zudem kann SVG via CSS und JavaScript manipuliert werden: die Logofarbe für den Dark-Mode ändern, Animationen beim Hover erstellen, Logoelemente je nach Kontext ändern — alles mit einer einzigen CSS-Zeile.

Wann PNG noch nötig ist

SVG wird nicht in jedem Kontext akzeptiert. PNG bleibt unverzichtbar für:

Der richtige Ablauf für professionelle Logos

Der Industriestandard ist, das Logo in beiden Formaten zu haben:

Der Logo-Ersteller von ImageTools exportiert beide Formate gleichzeitig. Wenn du das Logo bereits als PNG hast und das SVG erstellen musst, kann ein Designer aus dem PNG vektorisieren — der umgekehrte Prozess (SVG zu PNG) ist einfach und kann mit dem Bild-Konverter erledigt werden.

Erstelle jetzt dein Logo in SVG und PNG

Der Logo-Ersteller von ImageTools exportiert beide Formate — ohne Anmeldung, ohne Wasserzeichen.

Logo kostenlos erstellen
Warum wirkt mein SVG-Logo an manchen Stellen unscharf?
SVG ist per Definition nicht unscharf — aber es kann unscharf wirken, wenn die SVG-Datei aus einem rasterisierten PNG erzeugt wurde (Vektorisierung niedriger Qualität), statt nativ als Vektor erstellt zu werden. Prüfe, ob das SVG ursprünglich als Vektor erstellt oder aus einem Raster konvertiert wurde.
Ist SVG sicherer als PNG in Bezug auf Urheberrecht?
Nein. Das Urheberrecht hängt nicht vom Format ab — ein geschütztes Logo bleibt in SVG, PNG oder jedem anderen Format geschützt. Die Verwirrung entsteht, weil SVG eine lesbare Textdatei ist (jeder kann den Code sehen), aber das ändert nichts am urheberrechtlichen Schutz des Werks.
Kann ich PNG automatisch in SVG konvertieren?
Es gibt einen Prozess namens Vektorisierung (raster to vector), der versucht, ein SVG aus einem PNG zu erstellen. Tools wie Adobe Illustrator (Image Trace), Inkscape und Online-Dienste tun das. Das Ergebnis ist gut für einfache Logos mit wenigen Farben und scharfen Kanten; bei komplexen Logos braucht das Ergebnis der automatischen Vektorisierung meist manuelle Überarbeitung.