Source
5.1 du RGESN - Référentiel général d'écoconception de services numériques (RGESN)
Comprendre
Les images représentent en moyenne 44% du poids d'une page web en 2022.
Designer Ethiques - 6.1. Les images - Mettre en application les bonnes pratiques
Mise en œuvre
- Se poser les bonnes questions :
- Ai-je besoin d'une image pleine largeur ?
- Quelle est la taille d'affichage maximale de mes utilisateurs ?
- Puis-je repenser le design de ma page afin d'afficher mon image en plus petit sans faire de concession sur le graphisme ?
-
Choisir le bon format :
- Photo : Utilisez le format .jpeg ou encore .webp.
- Image : Préférez les formats vectoriels comme .svg au format .png lorsque cela est possible. Note : Si un fichier .svg est très complexe, il peut être plus lourd qu’un fichier .png. Il convient de faire des tests et de prendre la décision la plus pertinente.
- Icone : Utilisez des glyphs quand c’est possible, ou icônes et styles CSS.
Source : Designer Ethiques - 6.1. Les images - Mettre en application les bonnes pratiques
Exemple
Pour la page d’accueil du site Natureo, à la place de mettre une image en pleine largeur, nous avons utilisé une image plus petite format et en basse résolution. Afin de ne pas faire de concession sur le graphisme, nous avons superposé des illustrations très légères.
