Accessibilité

Optimisez vos images pour le Web


Table des matières

5. Définissez la taille de l'image.

Cliquez sur l'onglet Taille de l'image. Modifiez la taille de l'image optimisée en entrant une valeur pour la largeur ou la hauteur. Cliquez sur Appliquer pour prévisualiser la nouvelle taille de l'image dans la boîte de dialogue Enregistrer pour le Web.

Pendant l'optimisation, vous pouvez modifier les dimensions de votre image de sortie sans modifier la taille du fichier source original à partir de l'onglet Taille de l'image. Vous pouvez indiquer les nouvelles dimensions ou redimensionner l'image selon un pourcentage de la taille d'origine. Lors du redimensionnement, choisissez une méthode d'interpolation dans le menu Qualité. Au plus proche (plus rapide) est une méthode plus rapide mais moins précise, particulièrement adaptée aux illustrations contenant des contours non lissés. Bicubique (meilleur résultat) est une méthode plus lente mais plus précise, produisant des transitions de tons plus douces.

step05_int

6. Appliquez un tramage transparent.

Sélectionnez l'option Transparence dans le volet Paramètres de la boîte de dialogue Enregistrer pour le Web. Sélectionnez Sans dans le menu Cache. Dans le menu Tramage, sélectionnez Diffusion. Faites glisser le curseur pour définir le degré de transparence recherché.

La boîte de dialogue Enregistrer pour le Web permet de créer des images GIF transparentes de plusieurs manières. La méthode standard consiste à associer les pixels transparents de votre image à une couleur en aplat correspondant à la couleur d'arrière-plan de la page Web. Si toutefois vous ne connaissez pas la couleur éventuelle de l'arrière-plan ou si vous avez le choix entre plusieurs couleurs, vous pouvez utiliser la nouvelle fonction de tramage par transparence de Photoshop 7.0, laquelle permet de créer des effets de transparence capables de s'afficher sur une couleur d'arrière-plan quelconque. Vous disposez de trois options de tramage : Diffusion, Motif et Bruit.

step06_int

7. Générez l'image optimisée.

Cliquez sur Enregistrer pour créer le fichier optimisé pour la version de l'image sélectionnée. Dans la boîte de dialogue Enregistrer une copie optimisée sous, attribuez un nom au fichier image, puis sélectionnez le type de fichier HTML et images. Une fois que le fichier HTML contenant l'image est créé, cliquez deux fois dessus pour l'afficher dans votre navigateur Web.

Vous pouvez soit enregistrer l'image optimisée uniquement, soit créer l'image et le code HTML pour la page cible. Après avoir créé et visualisé la page Web et l'image, modifiez la couleur d'arrière-plan de la page, puis réaffichez-la pour observer l'effet de la transparence sur les différentes couleurs.

step07