Bildkomprimierung für Websites: weniger Gewicht, ohne auf das Foto zu verzichten

Das Öffnen einer Rezeptseite dauert einige Zeit, da jedes Foto direkt von der Kamera gesendet wurde und mehrere Megabyte wiegt. Der Leser muss das Essen lediglich in der Breite des Mobiltelefons deutlich erkennen. Die Reduzierung des Dateigewichts kann das Erlebnis verändern, solange die Komprimierung nach Kriterien erfolgt.

Die Maße stehen vor dem Qualitätsprozentsatz

Wenn das Bild 800 Pixel auf der Seite einnimmt, gibt es keinen Grund, immer die 6000-Pixel-Version zu veröffentlichen. Bei einer anfänglichen Größenänderung wird die Qualität häufig stärker beeinträchtigt als bei einer aggressiven Straffung. VerwendenBild komprimierenzum Anprobieren und Beobachten der Abmessung und des Endgewichts.

JPEG und WebP eignen sich gut für Fotos; Bei Grafiken oder Bildern mit Transparenz ist PNG tendenziell sinnvoller. Die Auswahl hängt vom Inhalt und der erforderlichen Kompatibilität ab. Ein Bild mit kleinen Zahlen sieht bei akzeptablen Komprimierungsstufen für Landschaften möglicherweise schlecht aus.

Der Test muss dort stattfinden, wo das Bild erscheint

Vergleichen Sie Original und Komprimierung in voller Größe auf der Seite, ggf. auf hellen und dunklen Bildschirmen. Sehen Sie sich Gesichter, Produktränder, Farbverläufe und Inline-Buchstaben an. Die häufigsten Mängel sind sichtbare Blöcke, Doppelkonturen und Flecken in gleichmäßigen Bereichen.

Namen, Versionen und Verantwortung

Übernehmen Sie beschreibende Dateinamen, zcake-chocolate-slice.webpund Alternativtext, der den Inhalt beschreibt, für diejenigen, die das Foto nicht sehen können. Bewahren Sie die Originalversion in Ihrer Bibliothek auf. Wenn Sie viele Bilder veröffentlichen, standardisieren Sie die Breite und vergleichen Sie die Auslastung bei einer langsamen Verbindung. Gut komprimieren bedeutet, die kleinste Version zu finden, die angenehm und verständlich bleibt.

Das Seitengewicht ist die Summe der Bilder

Ein von 3 MB auf 280 KB reduziertes Foto stellt eine erhebliche Ersparnis dar, eine Galerie mit zwanzig Bildern dieser Größe benötigt jedoch immer noch mehrere Megabyte. Schauen Sie sich das Set an: Covergröße, Miniaturansichten, Artikelbilder und Version für größere Bildschirme. Durch die Veröffentlichung des gleichen riesigen Fotos in jedem Bereich werden Besucherdaten verschwendet. Wenn die Plattform responsive Bilder unterstützt, stellen Sie Versionen bereit, die proportional zur Anzeigegröße sind.

Vermeiden Sie außerdem aufeinanderfolgende Komprimierungen während der Bearbeitung. Wenn jemand ein bereits reduziertes JPEG speichert und der nächste Editor es erneut komprimiert, summiert sich der Verlust. Bewahren Sie eine hochwertige Kopie des Originalfotos auf, mit einem Namen und einer Organisation, die es Ihnen ermöglicht, es Monate später wiederzufinden. Auf diese Weise können Sie neue Größen generieren, wenn sich das Layout ändert, ohne auf Dateien angewiesen zu sein, bei denen bereits Details verloren gegangen sind.