Optimierung

Sie sind hier: JUREBU - KOMBIREISEN, INDIVIDUALREISEN, RUNDREISEN » Images » Optimierung

Technische Optimierung

Obwohl die Bilder in den anderen Ordnern nach Thema getrennt sind, ist es Best Practice, die Dateiformat-Varianten (WebP/JPG) und Größen-Varianten (Mobil/Desktop) hier noch einmal konsequent zu benennen.

Empfohlene Dateinamenskonvention:

[thema]-[beschreibung]-[groesse].[format]

Aufbau

Dateiname	Bedeutung
thailand-inselhopping-1200w.webp	Thailand, Inselhopping, 1200px Breite, WebP-Format
thailand-inselhopping-640w.jpg	Thailand, Inselhopping, 640px Breite, JPG-Fallback

Width w

Das 'w' in 1200w und 640w ist eine wichtige Angabe im responsiven Webdesign und wird im HTML-Attribut srcset verwendet. Es ist keine Abkürzung für "Web", sondern steht für "width" (Breite).

Tipp

Namenskonvention so verwenden, dass im Code sofort erkannt wird, welche Datei für welche Bildschirmgröße oder welches Format gedacht ist. Das vereinfacht das Schreiben des <picture>-Elements und die Verwaltung in Siquando.