1. Accueil
  2. Écoconception Web
  3. 21 - Eviter d'utiliser des images bitmap pou…

N°21 - Eviter d'utiliser des images bitmap pour l'interface

Objectif
Solution technique
Choisir le bon format d'image est crucial pour éviter de transporter des octets inutillement et économiser ainsi de la bande passante. Par ailleurs, avec la multiplication des terminaux, des tailles d'écran, et l'augmentation de leur résolution, une approche vectorielle doit être privilégiée par rapport à des images matricielles (bitmap). Grâce à cette bonne pratique, l'interface est indépendante de la résolution de l'écran. On limite donc aussi la dette technique. La première règle consiste à remplacer les images bitmap (GIF, PNG, JPEG, Webp, etc.) par des styles (CSS), des pictos / glyphes / icônes fournis par une webfont ou une police standard. Lorsque cela n'est pas possible, il est alors parfois préférable de recourir à une image vectorielle au format standard SVG.
Moyen de controle
Crée le
23 novembre 2015

Testez et faites reconnaître vos compétences

Logo Opquast Certfied

Opquast Certified est un test sur 1000 points permettant de vérifier le degré de maîtrise des meilleures pratiques du Web

Découvrir

Retrouvez cette fiche dans « Qualité Web »

Livre Qualité Web

En savoir +

Version numérique offerte pour l’achat de la version papier