Moderne Browser wollen AVIF, ältere wollen WebP, und für alles andere muss etwas dasein. Legen Sie ein Bild ab und nehmen Sie den ganzen Satz mit, samt dem Markup, das jedem Besucher das richtige davon ausliefert.
Jedes erzeugt den vollen Satz, nicht eine einzelne Datei.
AVIF, WebP und JPEG in 1280 und 360 Pixel, plus ein picture-Element je Bild mit den Quellen in der richtigen Reihenfolge.
Ordner und Alternativtext angeben, das Markup kopieren und das Zip mitnehmen — das HTML liegt als Textdatei darin.
Weil ein Browser die erste Quelle nimmt, die er lesen kann, muss AVIF vor WebP stehen und das schlichte img zuletzt. Ist die Reihenfolge falsch, erhält jeder Besucher die größte Datei, die Sie angeboten haben. Das ist der Teil, der von Hand mühsam zu schreiben und leicht unbemerkt falsch zu machen ist.
1280 deckt Laptops und die meisten Tablets ab; 360 deckt Handys ab, wo die Ersparnis wirklich zählt. Das srcset lässt den Browser wählen, ein Handy in langsamem Netz lädt also niemals die Desktop-Datei.
Nein. Es sind gewöhnliche Dateien — neben Ihr HTML legen und das Markup funktioniert. Setzen Sie später ein echtes Bild-CDN vor Ihre Seite, brauchen Sie nichts davon mehr, aber für eine Handvoll Bilder auf einer handgeschriebenen Seite ist das die ganze Arbeit.
Was das Bild zeigt, jemandem erzählt, der es nicht sehen kann. Jedes Bild im Stapel hat sein eigenes Feld, weil eine gemeinsame Beschreibung für zehn Fotografien niemandem hilft. Lassen Sie es nur leer, wenn das Bild rein dekorativ ist.
Kostenloser Online-Bildoptimierer