You are currently viewing Exporter pour le web

Dans le cas des visuels graphiques en bitmap, images numériques en pixels (Picture Element), voici une présentation de 4 formats destinés à exporter pour le web.

Optimisation et qualité de l’image

La fonctionnalité d’exportation pour le web est identique sur Photoshop et Illustrator. En effet, depuis la version Adobe Creative Cloud, elle est accessible via le menu Fichier > Exportation > Enregistrer pour le Web.  Le raccourci est : Alt Shift Ctrl S pour accéder à la fenêtre d’Enregistrement pour le Web. En effet cette fonction permet des exportations paramétrées de manière très précise pour une optimisation et une qualité liées aux besoins du web. Dans tous les cas, l’algorithme d’enregistrement tient compte du contenu de l’image pour définir intelligemment la taille du fichier (aplat de couleur, couleurs similaires, zone de transparence, etc.).

Fenêtre d’enregistrement pour le web

Notez quelques fonctions essentielles parmi les nombreuses possibilités de paramétrages :

  • Plusieurs types d’affichage des fenêtres (Original, Optimisé, 2 vignettes, 4 vignettes) pour paramétrer finement son exportation et pouvoir ainsi comparer les tailles de chaque format d’enregistrement
  • Choisir le format de l’image (voir les formats JPEG, GIF, PNG8, PNG24)
  • Calibrer la qualité et la définition de l’image
  • Insérer des métadonnées
  • Redéfinir la taille de l’image enregistrée

Exporter pour le web : formats d’enregistrement

Exporter pour le web en JPEG

JPEG est l’acronyme de Joint Photographic Experts Group. Avec une extension déclinée en .JPEG, .jpeg, .JPG ou .jpg., ce format permet au départ le transfert de fichiers lourds et volumineux compressés. C’est ainsi qu’il est possible de régler son niveau de compression de 0 à 100%.

Les caractéristiques du JPEG sont les suivantes :

  • Mode colorimétrique : RVB, 16 777 216 couleurs.
  • Qualité : destructive. Une compression de 80% permet une restitution de qualité correcte avec une taille de fichier réduite (le poids est réduit de 2,5 en moyenne).
  • Transparence : non, la transparence devient BLANC à l’enregistrement.
  • Animation : non, uniquement pour les images fixes.
  • Utilité : les images décoratives et illustratives des sites web ou pour l’envoi par mail, les bandeaux volumineux (1920 pixels x 1080 pixels). Aussi, préférez exporter pour le web en JPEG pour les galeries d’images, portfolios et sliders.

Exporter pour le web en GIF

GIF est l’acronyme de Graphics Interchange Format. Le format .gif altère naturellement les visuels riches en couleurs par son mode de restitution colorimétrique basé sur une palette indexée allant de 2 à 256 couleurs. En revanche,  dans le cas de visuels possédant un nombre de couleurs limitées, la qualité peut être excellente avec un paramétrage optimisant.

Les caractéristiques du GIF sont les suivantes :

  • Mode colorimétrique : couleurs indexées de 2 à 256 couleurs maximum, basées sur le protocole RVB de 16 777 216 couleurs, avec la possibilité d’améliorer finement le tramage pour un rendu paraissant moins altéré. Un déverrouillage via le passage en mode RVB sera nécessaire pour modifier le fichier sur Photoshop.
  • Qualité : très destructive pour les images riches en couleurs. Un nombre de couleurs très faible entraine une diminution considérable de la qualité, directement visible à l’oeil.
  • Transparence : oui.
  • Animation : oui, les gifs animés sont bien connus.
  • Utilité : de moins en moins évidente (avec l’arrivée du PNG8 possédant un algorithme de compression plus efficace) : les images animées, les iconographies utilisant très peu de couleurs comme les pictogrammes ou schémas illustratifs (process industriels, cartes, dessins monochromes ou en niveau de gris, etc.).
exportation-web-gfor-creations-gif

Exporter pour le web en PNG8

PNG est l’acronyme de Portable Network Graphics. Comme le GIF, le format .png du PNG8 altère également les visuels riches en couleurs par son mode de restitution colorimétrique identique basé sur une palette indexée allant de 2 à 256 cours seulement. De plus la taille du fichier est plus subtilement calculée par l’algorithme qui permet une meilleure qualité d’image fixe en comparaison au GIF.

Les caractéristiques du PNG8 sont les suivantes :

  • Mode colorimétrique : couleurs indexées de 2 à 256 couleurs maximum, basées sur le protocole RVB de 16 777 216 couleurs, avec la possibilité d’améliorer finement le tramage pour un rendu paraissant moins altéré. Un déverrouillage via le passage en mode RVB sera aussi nécessaire pour modifier le fichier sur Photoshop.
  • Qualité : très destructive pour les images riches en couleurs. Un nombre de couleurs très faible entraine une diminution considérable de la qualité, directement visible à l’oeil.
  • Transparence : oui.
  • Animation : non, uniquement pour les images fixes.
  • Utilité : prend la part d’utilisation du GIF sur les images fixes comprenant peu de couleurs telles que les infographies basiques et les pictogrammes.

Exporter pour le web en PNG24

PNG est l’acronyme de Portable Network Graphics. Le format .png du PNG24 est le format qui restitue une qualité irréprochable et non destructive grâce à un système TRUE COLORS fidèle au fichier natif. Par conséquent, le poids du fichier est souvent plus lourd.

Les caractéristiques du PNG24 sont les suivantes :

  • Mode colorimétrique :  RVB, soient 16 777 216 couleurs.
  • Qualité : non destructive.
  • Transparence : oui.
  • Animation : non, uniquement pour les images fixes.
  • Utilité : images nécessitant une qualité Haute Définition comme les infographies identitaires, les logotypes, les images avec dégradés, les visuels d’art.