Optimisation des images

Dernière mise à jour le 12 janv. 2022

A propos de l’optimisation

L'optimisation pour le Web est le processus de compression des images et de définition des options d'affichage pour une utilisation optimale sur internet.Lorsque vous placez des images sur Internet, la taille du fichier devient importante ;\nvous souhaitez obtenir une taille de fichier suffisamment petite pour permettre un\ntemps de téléchargement raisonnable, mais suffisamment grande pour préserver les couleurs et\nles détails à votre satisfaction.Il existe trois formats de fichier graphique majeurs utilisés sur le Web : GIF, JPEG et PNG.

Lorsque vous placez des images sur le Web, vous devez penser à la taille du fichier.L'objectif est une taille de fichier suffisamment petite pour permettre des temps de téléchargement\nraisonnables tout en préservant les couleurs et les détails à votre satisfaction.

Trois formats de fichier graphique majeurs sont utilisés sur le Web : GIF, JPEG et PNG.Vous pouvez optimiser les images dans ces formats en utilisant l'une des\nméthodes suivantes :

  • Pour optimiser avec précision une image destinée à être utilisée dans des applications de création Web, telles que Adobe® Dreamweaver®, vous pouvez utiliser la commande Enregistrer pour le Web.La boîte de dialogue Enregistrer pour le Web vous permet de prévisualiser votre image dans différents formats de fichier et avec différents paramètres d'optimisation.Vous pouvez également\ndé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 de fichier, vous pouvez spécifier la qualité de l'image, la transparence\nde l'Arrière-plan ou le détourage, l'affichage des couleurs et la méthode de téléchargement.

Using the Save For Web dialog box

Utilisez la boîte de dialogue Enregistrer pour le Web pour prévisualiser les effets de différentes options d'optimisation sur une photo que vous souhaitez partager sur le Web.Le processus est simple. Ouvrez une photo et sélectionnez Fichier > Enregistrer pour le Web.Ensuite, choisissez un format dans le menu des formats de fichier (GIF, JPEG, PNG‑8 ou PNG‑24) et définissez les options selon vos besoins.Le menu déroulant des formats de fichier est situé juste au-dessous du menu Paramètres prédéfinis. Cette opération enregistre une copie de votre fichier, sans remplacer l'image d'origine.

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. Pour effectuer un Zoom avant sur une image, sélectionnez l'Outil Zoom et cliquez dans une vue ; puis maintenez la touche Option enfoncée et cliquez à nouveau pour effectuer un zoom arrière.(à 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 fichier optimisés pour le\nweb

Vous pouvez choisir entre quatre formats pour le Web.Utilisez les recommandations suivantes lors du choix du format\npour 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. Choisissez\nPNG‑24 plutôt que JPEG uniquement lorsque votre image contient de la transparence.\n(JPEG ne prend pas en charge la transparence ; vous devez la remplir avec une couleur\nde fond.)Les fichiers PNG‑24 sont souvent beaucoup plus volumineux que les fichiers JPEG de la\nmême image.

GIF

GIF est le format à utiliser pour les dessins au trait, les illustrations avec de grandes zones de couleur unie et des détails nets, ainsi que le texte.De plus, si\nvous souhaitez exporter une image animée, vous devez utiliser GIF.

PNG-8

Ce format, moins connu, est interchangeable avec le format GIF. Utilisez-le aux mêmes fins (sauf l'animation).

Les images aux formats GIF et PNG‑8, parfois appelées images de couleurs indexées, peuvent afficher jusqu'à 256 couleurs.Pour convertir une image au format de couleurs indexées, Photoshop® Elements crée une table de correspondance des couleurs.Si une couleur de l'image d'origine n'apparaît pas dans la table de correspondance des couleurs, l'application choisit soit la couleur la plus proche dans la table, soit simule la couleur en utilisant une combinaison de couleurs disponibles.

Les fichiers JPEG et PNG‑24 prennent en charge les couleurs sur 24 bits, ils peuvent donc afficher jusqu'à 16 millions de couleurs.Selon le format, vous pouvez spécifier\nla qualité d'image, la transparence d'arrière-plan ou le détourage, l'affichage des couleurs,\net la méthode qu'un navigateur doit utiliser pour afficher l'image pendant le téléchargement.

L'apparence d'une image sur le Web dépend également des couleurs affichées par la plateforme informatique, le système d'exploitation, l'écran et le navigateur.Vous souhaiterez peut-être prévisualiser les images dans différents navigateurs et\nsur différentes plateformes pour voir comment elles apparaîtront sur le web.

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

Vous\npouvez rapidement et facilement optimiser une image pour le web en choisissant\nun paramètre d'optimisation prédéfini, appelé paramètre prédéfini, dans\nle menu Paramètre prédéfini près du coin supérieur droit de la boîte de dialogue Enregistrer pour le web.Les paramètres prédéfinis sont adaptés pour répondre aux besoins d'optimisation\nde différents types d'images.

Le nom de chaque paramètre prédéfini reflète\nson format de fichier et son niveau de qualité.Par exemple, choisissez JPEG High\npour optimiser une image au format JPEG avec une qualité d'image élevée et\nune compression faible.Choisissez GIF 32 Dithered pour optimiser une image au format GIF, réduire le nombre de couleurs à 32 et appliquer le tramage.

Dans la boîte de dialogue Enregistrer pour le Web, choisissez un paramètre prédéfini dans le menu Paramètre prédéfini, puis cliquez sur OK.
Dans la boîte de dialogue Enregistrer optimisé sous, saisissez un nom de fichier et cliquez sur Enregistrer.
Annotation

Si vous modifiez les options d'un paramètre prédéfini, le menu Paramètre prédéfini\naffiche le mot « [Sans nom] ».Vous ne pouvez pas enregistrer un paramètre personnalisé ;\ntoutefois, les paramètres actuels apparaissent dans la boîte de dialogue Enregistrer pour le web\nla prochaine fois que vous l'affichez." ] } ```