Les photos ont habituellement une taille relativement importante, elles ne peuvent donc être utilisées telles quelles sur les sites internet au risque de fortement ralentir le temps d'affichage de vos pages. Bien qu'il n'existe pas de formule magique pour déterminer le meilleur type d’extension,  il y a quelques principes fondamentaux auxquels vous pouvez vous tout de même vous fier pour choisir le meilleur format lors de l'enregistrement de vos images.

La différence fondamentale entre les nombreuses extensions d'image est le résultat de leur compression. Prenons le .bmp, le .tif, et le .psd par exemple qui ne sont pas des formats compressés. Ces extensions génèrent des fichiers extrêmement lourds qui  ralentissent considérablement le téléchargement des images sur les navigateurs. Ils ne devraient donc tout simplement pas être utilisés pour les sites internet. Les extensions dites compressées et qui sont les plus couramment utilisées sont le .jpg, le .gif et le .png. Prenez quelques minutes pour vous familiariser avec ces formats et comprendre leurs diverses utilisations…

Le JPG

L’extension  JPG (abréviation de Joint Photographic Experts Group) est le format de compression d'image qui fonctionne le mieux avec les photos et les images sophistiquées. Le JPG repose sur une méthode de compression qui supprime les couleurs qui ne sont pas visibles par l'être humain pour réduire la taille des fichiers. Soyez toutefois prudent. Si vous diminuez trop la qualité d'une image en JPG, vous perdrez des informations de couleurs visibles importantes qui ne peuvent pas être récupérées.

Vous avez peut-être déjà observé ce phénomène sur certains sites où les images perdent lentement leur flou et finissent par devenir progressivement plus claires. Le format JPG permet des sauvegardes en mode progressif. Les images se chargent alors graduellement.

Privilégiez le format JPG pour les photos de produits, les portraits humains et toutes les images qui comportent un nombre de détails important. En d’autres mots préférez ce format pour toutes les images où les nuances de couleur ont leur importance. Évitez au contraire les fichiers JPG si vous avez besoin de transparence, c'est-à-dire la capacité de voir à travers une image et de décrypter son arrière-plan, car le JPG n’autorise pas les effets de transparence.

Le GIF

Développé à la fin des années 1980 son utilisation est encore largement répandue. Le GIF (Graphics Interchange Format) permet de réduire potentiellement des milliers de couleurs provenant d'un appareil photo numérique à une gamme de 256 couleurs maximum.  Les GIF autorisent les effets de transparence et permettent en outre d'afficher une séquence d'images similaire à des vidéos. On parle alors de GIF animé. Ce n’est rien d’autre qu’une série d'images GIF distinctes reliées entre elles pour créer l'effet de mouvement, ou d'animation.

Le format GIF, tout comme le format JPG, peut s'afficher de manière progressive sur une page Web. On parle alors de GIF entrelacés qui sont des fichiers qui ont tendance à être légèrement plus lourds que les fichiers GIF classiques.

Le GIF est un format particulièrement bien adapté pour les images limitées en nombre de couleurs tels que les logos, les visuels et toutes les images pour lesquelles la transparence est importante. Évitez par contre le format GIF pour les photos de produits en couleur, les portraits humains et toutes les images où les nuances de couleurs ainsi que le raffinement des détails est important vu que le nombre de couleurs d'un GIF est limité à 256.

Bien que le format GIF continue d'être utilisé, il vaut mieux opter pour le format PNG, qui permet presque toutes ces fonctions en mieux.

Le PNG

Développé vers 1995 il a été recommandé par le W3C dès 1996 et la plupart des navigateurs l’ont adopté dès 1998. Pour la petite histoire, le format PNG (Portable Network Graphics) a été créé comme une alternative au format GIF, alors que la technologie du GIF était protégée par un brevet et nécessitait une permission pour l'utiliser. Le PNG permet une compression supérieure de 5 à 25 pour cent en comparaison avec l'extension .gif  tout en autorisant une gamme de couleurs plus importante. Tout comme le GIF, les PNG permettent également la transparence. Il est néanmoins important de garder à l'esprit que certains navigateurs très anciens supportent mal le PNG ou certaines de ses caractéristiques, comme la transparence.

Le PNG permet l'entrelacement tout comme le GIF, mais celui-ci est bidimensionnel, ce qui permet d'afficher les images progressives deux fois plus vite que les images en GIF.

Lire la suite >>

© Vous souhaitez reprendre cet article sur votre propre site ? Les reproductions complètes sont autorisées sous réserve d’affichage des mentions obligatoires (nom de l'auteur + lien actif vers http://www.ecommerce-pratique.info). Toute reproduction partielle ou adaptation est interdite.