Bildformate für eine Website auswählen
Das Format beeinflusst Dateigröße, Erscheinungsbild und unterstützte Funktionen eines Bildes. Eine beste Wahl für jeden Fall gibt es jedoch nicht. Auch die Ladegeschwindigkeit gehört zur Seitenerfahrung; Google erklärt, dass Core Web Vitals von seinen Rankingsystemen verwendet werden, ein einzelner Wert aber keine hohe Position garantiert. Vergleichen Sie Formate mit eigenen Dateien und prüfen Sie das Ergebnis in den Browsern und auf den Geräten Ihrer Zielgruppe.
WebP: Größe und Darstellung vergleichen
WebP unterstützt verlustbehaftete und verlustfreie Komprimierung, Transparenz und Animation. Es ist eine Option für Webfotos, Grafiken und Animationen; das Ergebnis hängt jedoch von Bild, Encoder und Einstellungen ab. Exportieren Sie eine Kopie und vergleichen Sie Details, Transparenz und Dateigröße mit dem Original. Prüfen Sie, ob Ihr Veröffentlichungssystem und die Empfänger WebP unterstützen.
JPEG: häufig für Fotos
JPEG wird häufig für Fotografien genutzt und komprimiert verlustbehaftet. Zu niedrige Qualität oder wiederholtes Speichern kann sichtbare Artefakte erzeugen. JPEG speichert keine Transparenz. Bei Logos, feinem Text oder klaren Kanten vergleichen Sie je nach Inhalt und Kompatibilitätsbedarf PNG, verlustfreies WebP oder SVG.
PNG: Rastergrafiken ohne Verlust
PNG ist ein verlustfreies Rasterformat mit Transparenzunterstützung. Es kann für Screenshots und Grafiken geeignet sein, wenn Pixel erhalten bleiben sollen; die Dateigröße hängt jedoch vom Bild ab. Vergleichen Sie bei Fotos Größe und Darstellung mit anderen Formaten.
SVG: Vektorgrafiken
SVG beschreibt Vektorgrafiken mit Formen und Anweisungen statt mit einem festen Pixelraster. Es kann für viele skalierbare Symbole, Diagramme und Illustrationen geeignet sein. Für Fotos ist es kein allgemeiner Ersatz. Berücksichtigen Sie Komplexität, Dateigröße und Sicherheitsregeln des Anzeigesystems.
Ein praktischer Ausgangspunkt
Vergleichen Sie bei Fotos JPEG, WebP oder AVIF, sofern das Ziel sie unterstützt. Für ein Vektorsymbol kommt SVG infrage. PNG oder WebP können Transparenz unterstützen; PNG oder ein anderes verlustfreies Format kann feine Linien in Screenshots erhalten. Das sind Ausgangspunkte, keine allgemeingültigen Regeln.
Bilder vor der Veröffentlichung vorbereiten
Erstellen Sie eine Kopie mit passenden Abmessungen für den Anzeigebereich, wählen Sie eine geeignete Komprimierung und prüfen Sie das Ergebnis auf einem Bildschirm. Wenn Sie Varianten anbieten, behalten Sie eine kompatible Fallback-Version. Die verlinkten Ratgeber helfen beim Verkleinern und Vergleichen.
Quellen und Spezifikationen
Die zitierten Spezifikationen definieren die Funktionen der Formate. Google erläutert die Rolle der Seitenerfahrung in seinen Rankingsystemen; ein einzelner Wert garantiert keine Position.
Bildwerkzeuge und Ratgeber
Spezifikationen und Suchdokumentation
Die Funktionen eines Formats sind in seinen Spezifikationen festgelegt. Google erläutert die Rolle der Seitenerfahrung in den Rankingsystemen; ein einzelner Wert garantiert keine Position.
Häufige Fragen
Ist WebP immer kleiner als JPEG?
Nein. Das Ergebnis hängt vom Ausgangsbild, Encoder und den Einstellungen ab. Vergleichen Sie die exportierten Dateien bei akzeptabler Bildqualität.
Welche Abmessungen sollte ich hochladen?
Wählen Sie Abmessungen passend zum Anzeigebereich und stellen Sie bei Bedarf responsive Varianten bereit. Bewahren Sie das Original für andere Einsätze auf.
Garantiert ein guter Core-Web-Vitals-Wert ein hohes Ranking?
Nein. Laut Google verwenden seine Systeme viele Signale; gute Ergebnisse bei der Seitenerfahrung garantieren keine Spitzenposition.