A propos de l’optimisation

L’optimisation pour le web est le procédé qui consiste à comprimer des images et à définir les options à utiliser pour un affichage optimal sur Internet. Lorsque vous placez des images sur Internet, la taille des fichiers est importante : le but est d’obtenir une taille assez petite pour garantir une durée de téléchargement raisonnable, tout en préservant des couleurs et des détails satisfaisants. Il existe trois principaux formats de fichiers graphiques pour le web : GIF, JPEG et PNG.

Vous devez penser à la taille des fichiers lorsque vous placez des images sur le web. Le but est d’obtenir une taille assez petite pour garantir des délais de téléchargement raisonnables, tout en préservant des couleurs et des détails satisfaisants.

Trois principaux formats de fichiers graphiques sont utilisés sur le web : GIF, JPEG et PNG. Vous pouvez optimiser les images dans ces formats en utilisant l’une des méthodes suivantes :

  • Pour optimiser précisément une image en vue de son utilisation dans une application de création de pages web telle qu’Adobe® Dreamweaver®, vous pouvez faire appel à la commande Enregistrer pour le web. La boîte de dialogue Enregistrer pour le web permet de prévisualiser l’image dans différents formats de fichier et selon différents paramètres d’optimisation. Vous pouvez également définir les paramètres de transparence et d’animation.

  • Pour une optimisation de base, il suffit d’utiliser la commande Enregistrer sous. Selon le format sélectionné, vous pouvez spécifier la qualité de l’image, la transparence ou le détourage d’arrière-plan, la couleur d’affichage et la méthode de téléchargement.

Utilisation de la boîte de dialogue Enregistrer pour le web

La boîte de dialogue Enregistrer pour le web permet de prévisualiser les effets de diverses options d’optimisation sur une photo destinée à être partagée sur le web. Le processus est simple. Ouvrez une photo, puis choisissez la commande Fichier > Enregistrer pour le web. Choisissez ensuite un format dans le menu déroulant des formats de fichier (GIF, JPEG, PNG-8 ou PNG-24), puis définissez vos options. Le menu déroulant des formats de fichier est situé juste au-dessous du menu Paramètres prédéfinis. Vous enregistrez ainsi une copie de votre fichier sans remplacer l’image d’origine.

Boîte de dialogue Enregistrer pour le web
Boîte de dialogue Enregistrer pour le web

A. Palette d’outils B. Couleur de la pipette C. Paramètres d’optimisation et menu pour plus d’options D. Taille de l’image E. Options d’animation F. Menu Zoom G. Menu d’aperçu dans le navigateur H. Image originale I. Image optimisée 

Les options d’optimisation figurent sur le côté droit de la boîte de dialogue Enregistrer pour le web. Outre le format de fichier web, vous pouvez choisir des options de compression et de couleur, préserver la transparence de l’arrière-plan, définir le détourage d’arrière-plan et modifier la taille de l’image. Vous pouvez utiliser des paramètres prédéfinis (en choisissant un format dans le menu Paramètres prédéfinis) ou sélectionner des options propres à un format pour garantir une meilleure optimisation.

Les fenêtres de l’image affichent l’image d’origine (à gauche) et un aperçu de l’image optimisée (à droite). Les informations d’optimisation (paramètres sélectionnés, taille du fichier optimisé et durée de téléchargement estimée) apparaissent sous les fenêtres. Au fur et à mesure des réglages, les informations sous l’image optimisée changent pour refléter les nouveaux paramètres.

Une petite palette d’outils s’affiche dans le coin supérieur gauche de la boîte de dialogue. Sélectionnez l’outil Main, puis faites glisser le pointeur pour visualiser les différentes zones de l’image. Sélectionnez l’outil Zoom, puis cliquez dans une vue pour l’agrandir, ou maintenez la touche Alt enfoncée tout en cliquant dans la vue pour la réduire. (à défaut, utilisez la case Zoom située en bas à gauche de la boîte de dialogue). Pour créer des couleurs de détourage, utilisez l’outil Couleur de la Pipette.

Formats de fichiers optimisés pour le web

Vous pouvez choisir parmi quatre formats pour le web. Prenez en compte les observations suivantes lorsque vous choisissez un format pour votre image web :

JPEG

Il s’agit du format généralement recommandé pour l’enregistrement de photographies.

PNG-24

Comme JPEG, ce format est excellent pour les photographies. Préférez le format PNG-24 au format JPEG si votre image contient des pixels transparents (le format JPEG ne prend pas en charge la transparence ; vous devez la remplir avec une couleur de détourage). Pour une même image, les fichiers PNG-24 sont souvent beaucoup plus volumineux que les fichiers JPEG.

GIF

Il s’agit du format idéal pour les dessins au trait, les illustrations comportant de larges zones de couleur en aplat et des détails précis, ainsi que pour le texte. Par ailleurs, si vous souhaitez exporter une image animée, vous devez utiliser le format GIF.

PNG-8

Ce format, moins connu, est interchangeable avec le format GIF. Ses applications sont les mêmes (à l’exception de l’animation).

Les images aux formats GIF et PNG-8, parfois appelées images à couleurs indexées, peuvent afficher jusqu’à 256 couleurs. Photoshop Elements crée une table des couleurs pour convertir une image en image à couleurs indexées. Si une couleur de l’image d’origine ne figure pas dans cette table, l’application choisit la couleur la plus proche dans la table ou simule la couleur en combinant les couleurs disponibles.

Les fichiers JPEG et PNG-24 prennent en charge les couleurs 24 bits pour pouvoir afficher jusqu’à 16 millions de couleurs. Selon le format sélectionné, vous pouvez spécifier la qualité de l’image, la transparence ou le détourage d’arrière-plan, la couleur d’affichage et la méthode utilisée par le navigateur pour afficher l’image pendant le téléchargement.

L’aspect d’une image sur le web dépend également des couleurs affichées par la plate-forme de l’ordinateur, du système d’exploitation, du moniteur et du navigateur. Vous pouvez prévisualiser les images dans différents navigateurs et sur différentes plates-formes pour savoir comment elles s’afficheront sur le web.

Application d’un paramètre d’optimisation prédéfini

Vous pouvez rapidement et aisément optimiser une image pour le web en choisissant un paramètre d’optimisation prédéfini dans le menu déroulant Paramètres prédéfinis, à côté de l’angle supérieur droit de la boîte de dialogue Enregistrer pour le web. Les paramètres prédéfinis sont adaptés aux besoins d’optimisation de différents types d’images.

Le nom de chaque paramètre prédéfini reflète son format et son niveau de qualité. Par exemple, choisissez l’option JPEG élevée pour optimiser une image au format de fichier JPEG avec une qualité d’image élevée et une compression basse. Choisissez l’option GIF 32 Tramé pour optimiser une image au format GIF, réduire le nombre de couleurs à 32 et appliquer un tramage.

  1. Dans la boîte de dialogue Enregistrer pour le web, choisissez un nom de paramètre dans le menu déroulant Paramètres prédéfinis, puis cliquez sur le bouton OK.
  2. Dans la boîte de dialogue Enregistrer une copie optimisée sous, entrez un nom de fichier, puis cliquez sur le bouton Enregistrer.

    Remarque :

    Si vous modifiez les options d’un paramètre prédéfini, la mention « Sans nom » s’affiche dans le menu déroulant Paramètres prédéfinis. Vous ne pouvez pas enregistrer un paramètre personnalisé ; toutefois, les paramètres actuels apparaissent au prochain affichage de la boîte de dialogue Enregistrer pour le web.

Ce produit est distribué sous licence Creative Commons Attribution - Pas d’utilisation commerciale - Partage à l’identique 3.0 non transposé  Les publications Twitter™ et Facebook ne sont pas couvertes par les dispositions Creative Commons.

Mentions légales   |   Politique de confidentialité en ligne