Le blog WAIBE.FR, des astuces pour faire votre site Internet...



JPEG, GIF, PNG... Quel type d'image faut-il utiliser sur un site Internet ?

05 octobre 2013



Il existe plusieurs dizaines de formats d'images dans le monde informatique : on parle d'images JPEG, GIF, PNG, TIFF, BMP... Chaque type a ses propres avantages et inconvénients (les systèmes de codage et de compression étant différents pour chacun). Seulement, un site Internet n'est pas capable d'afficher tous les types d'images : seuls quelques élus ont droit à cet honneur.

Quel format utiliser ?

Au niveau des formats d'image, je recommande de rester sur les 3 principaux qui sont JPEG, GIF et PNG. Quelles sont les différences entre eux ? Quelques explications...

La plupart des appareils photo numériques ou scanners produisent des images JPEG. Ce type est le plus répandu aujourd'hui, et c'est donc celui-là que je vous recommande d'utiliser pour les photos. Son avantage principal est la compression, c'est à dire que son "poids mémoire" (la taille mémoire qu'elle occupe) est l'un des meilleurs. Et plus le poids est faible, plus elle transitera vite sur Internet, et plus votre site affichera rapidement son contenu. L'inconvénient de ce type d'images est que si le taux de compression est élevé, la qualité de l'image est dégradée. Mais généralement, les appareils photos ou scanners conservent une bonne qualité d'image.

Les images de type GIF ne sont composées que de 256 couleurs : inutile donc d'utiliser ce format d'images pour afficher une photo composée de nombreuses nuances de couleur, le rendu sera catastrophique. Cependant, les images GIF ont un avantage : il est possible de définir des zones transparentes à l'intérieur (contrairement au JPEG). Cette capacité est particulièrement interessante si vous souhaitez afficher une image non rectangulaire, par exemple un logo. Si votre logo est un cercle, et qu'il s'affiche sur un fond coloré, seule la partie intérieure du cercle sera visible.

gif demo  

Un autre avantage pour une image GIF, elle peut contenir plusieurs séquences d'images, afin de créer une animation. On parle alors de GIF animé. Je reviendrai sur ce format dans un autre article, afin de vous expliquer comment créer ces GIF animés.

Un petit exemple avec un GIF animé "NEW" :      new012

 

Les images de type PNG sont un mix des 2 solutions précédentes : elles peuvent contenir plusieurs millions de couleurs comme le JPEG, ou gérer la transparence couleurs comme le GIF (mais en général avec une meilleure qualité d'image et plus de couleurs). Le poid mémoire est généralement supérieur à celui du JPEG. Donc le PNG est intéressant pour les images avec un fond transparent


Voilà, en résumé, si vous avez tout suivi : 

  • Le JPEG est l'idéal pour afficher une photo, et répondra à 95% de vos besoins (voire 100 %...)
  • Le GIF peut être utilisé pour des graphismes simples avec peu de couleurs, mais son intérêt réside surtout dans les animations.
  • Le PNG peut être utilisé pour afficher des graphismes  avec ou sans zone transparente, contrairement au JPEG qui ne peut pas gérer la transparence

Dans tous les cas, si vous ne savez pas quel est le type d'image utilisé par votre photo, essayez de la transférer sur le site. Si elle n'est pas du bon format, elle sera refusée et un message d'erreur vous sera alors affiché.


Vous savez tout, a vous de jouer...

Ecrire un commentaire

(Tous les commentaires seront validés par le webmaster avant d'etre publiés)

Votre nom


Votre texte


Tapez le code à gauche*

facebook partager

rejoignez notre réseau sur twitter rejoignez notre réseau sur facebook rejoignez notre réseau sur facebook

www.waibe.fr - Comment créer un site Internet pas cher, le modifier à volonté, et sans aucune connaissance informatique
Création de site Internet à petit prix pour PME, PMI, association, indépendant, profession touristique, photographe, modèle...
Société AD-WAIBE - Bordeaux - Pessac - SIREN : 517839932 - APE : 722C - Téléphone : 06.10.09.66.14
Création du site Internet à Bordeaux par AD WAIBE
AD-WAIBE : SARL au capital de 16500 €

 

Comment créer un site photo pas cher. Création site web pas cher. Liens vers des sites photo - Comment créer un site Internet pour autoentrepreneur ? - Creation de sites Internet Bassin d'Arcachon