Lunettes Homme

Les formats d’images nouvelle génération

Bien souvent, quand on souhaite mettre des images sur son site internet, on fait appel aux formats classiques. Que ce soit JPEG pour des images standard ou bien PNG pour des images gérant la transparence. Or ces formats sont un peu vieillots : JPEG date de 1991 et PNG de 1996.

La technologie évolue, et les formats d’images avec : focus sur les nouveaux formats d’images web.

Intérêt des formats d’images web nouvelle génération

Aujourd’hui, les moteurs de recherche tels que Google privilégient les sites qui chargent rapidement. En d’autres termes plus votre site aura un temps de chargement rapide, plus il aura de chance de se classer devant ses concurrents dans les résultats de recherches.

Il faut également savoir que les images constituent une grande part du poids d’une page web (~65%).

C’est donc pourquoi il est intéressant de se pencher sur ces nouveaux formats d’images : car ils sont conçus pour le web d’aujourd’hui. En effet, ils permettent une plus grande compression des images et améliorent donc le temps de chargement des sites internet.

De plus, force est de constater que plus votre site internet chargera rapidement, plus l’expérience utilisateur sera bonne. En effet, on estime que les sites qui mettent plus de 3 secondes à charger perdent près de la moitié de leurs utilisateurs.

Les bénéfices de ces nouveaux formats d’images sont donc multiples :

  • Meilleur référencement,
  • Amélioration de l’expérience utilisateur,
  • Site web plus performant.

 

Quelques formats d’images web nouvelle génération

Appareil Photo

Intéressons-nous donc aux 3 formats principaux que sont JPEG 2000, JPEG XR et WebP.

JPEG 2000

  • Créée par le groupe de travail Joint Photographic Experts Group.
  • Il prend en charge les formats alpha (transparence), RVB / CMJN, espace colorimétrique 32 bits, avec ou sans perte.
  • Son gain de compression moyen est de 10% par rapport à l’image originale.

 

JPEG XR

  • Crée par Microsoft.
  • Il prend en charge les formats alpha, RVB / CMJN, sans perte ou sans perte, décodage progressif, espacement des couleurs 32 bits.
  • Son gain de compression moyen est de 15% par rapport à l’image originale.

 

WebP

  • Créée par Google
  • Il prend en charge l’alpha, sans perte ou sans perte.
  • Son gain de compression moyen est de 40% par rapport à l’image originale.

 

Comment générer ces nouveaux formats d’images ?

JPEG 2000 est pris en charge par de nombreux logiciels d’édition photo tels que Photoshop.

JPEG XR nécessitera un plug in spécial pour pouvoir être exporté depuis Photoshop.

Pour WebP, il vous faudra également télécharger un plug-in spécial ou alors utiliser un service de conversions tiers (sur votre machine ou bien en ligne.)

Attention à bien penser aux problèmes de compatibilité avec les vieux navigateurs : https://developers.google.com/speed/webp/faq

 

Vous voilà désormais incollables sur les nouveaux formats d’images web. Vous allez pouvoir booster la vitesse de votre site à celle de la lumière 😉

 

Sources :

https://developers.google.com/speed/webp/docs/c_study

 

Partager cet article