Bild auf 1 MB komprimieren

Die Ladegeschwindigkeit bemerken Leser wie Suchmaschinen, und Bilder sind meist das Schwerste einer Seite. Ein einzelnes unbearbeitetes Kamerafoto kann 5 bis 10 MB wiegen: Setz drei in einen Artikel, und ein Handy im Mobilfunk stockt, bevor der Text erscheint.

Jedes Bild um 1 MB zu halten lässt die Seite reaktionsschnell und hilft Core-Web-Vitals-Metriken wie Largest Contentful Paint, während genug Auflösung für ein Titelbild in voller Breite auf einem Laptop oder hochauflösenden Display bleibt. Es ist die Größe, die gutes Aussehen und schnelles Laden ausbalanciert.

Ein Megabyte ist großzügig, du musst also selten sichtbare Qualität opfern; der Kniff ist, es nicht zu verschwenden. Skaliere das Bild zuerst auf die größte Breite, in der es wirklich erscheint: Ein Titelbild, das bei 1600 Pixeln Breite gezeigt wird, gewinnt aus einem 6000-Pixel-Original nichts außer Gewicht.

Komprimiere dann Richtung 1 MB, und fürs Web bietet sich WebP an, das meist dieselbe Schärfe wie JPG bei deutlich kleinerer Größe hält. Fotos, Verläufe und detailreiche Szenen halten 1 MB mühelos; die einzigen, die leiden, sind vor dem Komprimieren zu stark verkleinerte.

Das Skalieren und Neukodieren laufen in deinem Browser, also wird nichts von einem unveröffentlichten Produktfoto oder einem Blog-Entwurf hochgeladen, bevor du es veröffentlichst. Das hält gesperrte oder Kundeninhalte von fremden Servern fern und lässt dich alle Bilder eines Artikels in einem Rutsch verarbeiten, ohne auf einen Upload zu warten. Die Datei wird lokal verarbeitet und zum Download zurückgegeben, ohne Konto und ohne Spuren.

Die größte Ersparnis bei einem Webbild kommt vom Skalieren vor dem Komprimieren, nicht nur vom Senken der Qualität. Entscheide die größte Breite, in der das Bild je erscheint — ein Titelbild in voller Breite geht selten über 2000 Pixel, ein Bild im Artikel weit weniger — und skaliere zuerst darauf. Ein auf seine echte Anzeigebreite gebrachtes Foto erreicht 1 MB mit Qualität in Reserve, während dieselbe Aufnahme bei 6000 Pixeln zerdrückt werden muss, um zu passen, und daher die Unschärfe kommt. Stimme die Pixel auf das Layout ab, und das Megabyte erledigt den Rest; bist du dir bei der Breite unsicher, ist ein Blick auf die Inhaltsspalte des Themes oder der Vorlage schneller als raten.