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]

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).

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.