photoshop cs, enregistrer pour le web

b.t.s.
communication visuelle / options mma
1
TECHNO
°année
multimédia
photoshop cs, enregistrer pour le web
FORMAT
DES IMAGES
ENREGISTRER POUR
LE WEB AVEC
PHOTOSHOP
Les images sont transmises sur le réseau Internet sous forme compressée. Pour cela, les deux formats les plus
courants sont le GIF (Graphics Interchange Format) et le JPEG (Joint Photographic Experts Group). Ils utilisent des
algorithmes de compression différents dont la qualité dépend principalement du type d’image.
• LE FORMAT GIF CONVIENT AUX GRAPHIQUES.
Le format GIF utilise une technique de compression bien adaptée aux images contenant des blocs de couleurs semblables, c’est-à-dire des visuels de type graphique : des dessins ou des icônes. Cependant, il est limité à 256 couleurs de base. Les autres couleurs de l’image sont créées par dithering. Ce procédé consiste à donner l’impression de
la couleur manquante par une combinaison de couleurs proches.
Tant que l’image ne dépasse pas les 256 couleurs, ce qui est généralement le cas pour les graphiques, le GIF offre un
rendu fidèle. Du fait qu’elle utilise moins de couleurs, l’image GIF est moins volumineuse, donc plus rapide à charger
qu’une image JPEG. Par contre, au-dessus de 256 couleurs, le GIF est déconseillé car il
dégrade l’image.
Il est à noter que ce format est le seul à pouvoir donner l’impression d’une image non rectangulaire en utilisant une
couleur dite « transparente ». Il facilite ainsi l’intégration dans la page.
• UN NOUVEAU FORMAT, LE PNG (Portable Network Graphics), constitue une alternative libre de droits au GIF.
Conçu pour le web, le PNG présente l’intérêt de traiter jusqu’à 65 536 couleurs (16 bits) et d’offrir plusieurs
niveaux de transparence. Il compresse légèrement mieux que le GIF (de 5 à 25 % selon les cas). Cependant, comme le
GIF, il vise principalement les graphiques, car le PNG s’avère insuffisant pour traiter les images photographiques.
• LE FORMAT JPEG EST PRÉFÉRABLE POUR LES PHOTOGRAPHIES.
Créé pour la photographie, le JPEG permet de compresser des images ayant des détails fins et de grandes variations
de couleurs. Ce format prend en charge jusqu’à 16 millions de couleurs différentes.
• MODIFIER LA TAILLE DES IMAGES : en aucun cas les images ne doivent être redimensionnées dans Dreamweaver.
Si vous réduisez une image dans Dreamweaver, le temps de téléchargement de l’image reste identique, en revanche
si vous réduisez sa taille dans Photoshop vous diminuer le temps de téléchargement de votre page.
• RÉDUIRE LA TAILLE D’UNE IMAGE DANS PHOTOSHOP : Image > Taille de l’image
Attention : l’option Conserver les proportions doit être
cochée sinon l’image se déforme.
Choisir le format GIF ou JPEG en
fonction du visuel
Utiliser l’option 2 vignettes
pour déterminer la compression
‘‘supportable’’ à vos yeux
Choisir la
compression
• ENREGISTRER UNE IMAGE
AVEC PHOTOSHOP
Utiliser la fonction :
Fichier > Enregistrer pour le
Web
Poids de l’image originale
Poids de l’image optimisée
1
lyceelecorbusier_jcg_2005/2006