Zum Inhalt springen
Infinityware Digitalagentur Freiburg
Wissen · Grafikdesign

SVG, PNG oder JPG? Das richtige Bildformat wählen

Von Antonio Pacino · Aktualisiert am 26.06.2026

SVG eignet sich für Logos und Icons, weil es als Vektor beliebig skaliert. PNG ist gut für Grafiken mit transparentem Hintergrund, JPG für Fotos. Das richtige Format entscheidet über Schärfe und Ladezeit. Fürs Web ist zusätzlich das moderne, schlanke WebP eine starke Wahl.

01

SVG: für Logos und Icons

SVG ist ein Vektorformat, das aus Linien und Flächen besteht und sich beliebig vergrößern lässt, ohne unscharf zu werden. Damit ist es ideal für Logos, Icons und einfache Grafiken, die in vielen Größen scharf bleiben müssen. Zudem sind SVG-Dateien meist klein und laden schnell.

  • Für Logos liefern wir ausschließlich SVG. Was eine Vektorgrafik ausmacht, erklärt das Glossar.

02

PNG: für Grafiken mit Transparenz

PNG ist ein Pixelformat, das transparente Bereiche unterstützt. Es eignet sich für Grafiken, Screenshots oder Logos, die auf verschiedenem Hintergrund frei stehen sollen. Bei Fotos sind PNG-Dateien allerdings groß, weshalb sich dort JPG oder WebP besser eignen.

  • PNG hält die Qualität, kostet dafür aber Dateigröße. Für das Web sollte man die Größe im Blick behalten, damit die Ladezeit nicht leidet.

03

JPG: für Fotos

JPG ist das klassische Format für Fotos. Es komprimiert stark und hält die Dateigröße klein, allerdings auf Kosten von etwas Qualität und ohne Transparenz. Für Bilder mit vielen Farbverläufen, wie Fotos, ist es eine gute, platzsparende Wahl.

  • Zu starke Komprimierung macht ein JPG sichtbar unscharf. Die richtige Balance zwischen Qualität und Größe ist wichtig für schnelle Seiten.

04

WebP und die richtige Wahl fürs Web

WebP ist ein modernes Format, das Fotos und Grafiken bei guter Qualität deutlich kleiner speichert als JPG oder PNG. Für schnelle Websites ist es oft die beste Wahl, weil es Ladezeit spart, ein Faktor für die Core Web Vitals.

Welches Format passt, hängt vom Inhalt ab: SVG für Logos, WebP oder JPG für Fotos, PNG für Transparenz. Wie Bildgröße die Geschwindigkeit beeinflusst, lesen Sie im Beitrag Core Web Vitals.

FAQ

Häufige Fragen

Bereit für messbar bessere Sichtbarkeit?

Fordern Sie Ihre kostenlose Website- & SEO-Analyse an, unverbindlich und mit konkreten Handlungsempfehlungen.

Kostenlose Website-Analyse

Unverbindlich · Antwort in 24 Stunden

Wir verwenden technisch notwendige Cookies, damit die Website funktioniert. Optional messen wir mit Google Analytics anonymisierte Statistiken (Cookies, Datenübertragung in die USA), aber nur mit Ihrer Einwilligung. Sie können ablehnen und Ihre Wahl jederzeit im Footer widerrufen. Mehr in der Datenschutzerklärung.