Lors de la préparation d’images pour le Web ou autre support en ligne, il est souvent nécessaire de trouver un compromis entre la qualité d’affichage de l’image et la taille du fichier.

La boîte de dialogue Enregistrer Enregistrer pour le Web et les périphériques (Fichier > Enregistrer pour le Web et les périphériques) vous permet de sélectionner des options d’optimisation et de prévisualiser l’illustration optimisée.

Boîte de dialogue Enregistrer pour le Web et les périphériques (version Photoshop)

A.

Options d’affichage

B.

Panneau d’outils

C.

Menu déroulant Optimiser

D.

Menu déroulant Table de couleurs

E.

Commandes d’animation (Photoshop uniquement)

F.

Zone de texte Echelle

G.

Menu Aperçu dans le navigateur par défaut/un autre navigateur

H.

Image d’origine

I.

Image optimisée

1. Choisissez la commande Fichier > Enregistrer pour le Web et les périphériques.
2. Cliquez sur un onglet dans la partie supérieure de la boîte de dialogue pour sélectionner une option d’affichage : Optimisée, 2 vignettes ou 4 vignettes. Si vous sélectionnez l’option 4 vignettes, vous devez cliquer sur l’aperçu à optimiser.
3. (Facultatif) Si votre image contient des tranches, sélectionnez une ou plusieurs tranches à optimiser.
4. Sélectionnez un paramètre d’optimisation prédéfini dans le menu Paramètre prédéfini ou choisissez vos propres paramètres d’options d’optimisation. Les options disponibles varient en fonction du format de fichier sélectionné.
   Si vous travaillez en mode 4 vignettes, choisissez la commande Remplir de nouveau les vues dans le menu Optimiser pour générer automatiquement des versions de qualité inférieure de l’image après avoir modifié les paramètres d’optimisation.
5. Affinez les paramètres d’optimisation jusqu’à ce que le rapport qualité de l’image/taille du fichier vous convienne. Si votre image comporte plusieurs tranches, vérifiez que vous optimisez bien toutes les tranches.
   Pour rétablir la version originale d’une prévisualisation optimisée, sélectionnez-la, puis cliquez sur Original dans le menu Paramètre prédéfini.
6. Lorsque vous optimisez une image dont le profil incorporé n’est pas sRVB, convertissez ses couleurs au modèle sRVB avant de l’enregistrer en vue de son utilisation sur le Web. Cette action garantit que les couleurs que vous voyez dans l’image optimisée seront identiques dans différents navigateurs Web. L’option Convertir en sRVB est sélectionnée par défaut.
7. (Photoshop uniquement) Dans le menu Métadonnées, choisissez les métadonnées  à enregistrer avec le fichier optimisé. (Cliquez sur Fichier > Informations pour afficher ou saisir des métadonnées de document.) Les métadonnées sont prises en charge complètement par le format de fichier JPEG, et partiellement par les formats de fichier GIF et PNG.
   Remarque : Les métadonnées de sortie sont conformes aux normes du Groupe de travail sur les métadonnées, de sorte que certaines métadonnées JPEG sont stockées aux formats EXIF et IIM, plutôt qu’au format XMP.

   Sans

   Aucune métadonnée n’est enregistrée (à l’exception de la mention de copyright EXIF dans les fichiers JPEG). Cette option produit la plus petite taille de fichier.

   Copyright

   Enregistre l’avis de copyright, les termes d’utilisation des droits, le statut du copyright et l’URL des informations de copyright.

   Copyright et coordonnées du contact

   Enregistre toutes les informations de copyright, ainsi que les informations suivantes : créateur, fonction du créateur, adresse(s) électronique(s), adresse postale, ville, Etat/province (si applicable), code postal, pays, numéro(s) de téléphone et site(s) Web.

   Tout sauf les informations de l’appareil photo

   Enregistre toutes les métadonnées, à l’exception des données EXIF à propos des paramètres de caméra, tels que la vitesse d’obturation, la date et l’heure, la longueur focale, la compensation de l’exposition, le mode de mesure et le flash.

   Tout

   Enregistre toutes les métadonnées  dans le fichier.

8. Cliquez sur Enregistrer.
9. Dans la boîte de dialogue Enregistrer une copie optimisée sous, procédez comme suit, puis cliquez sur Enregistrer :

   • Entrez le nom du fichier et sélectionnez un emplacement pour l’enregistrement.

   • Sélectionnez une option Format pour spécifier le type de fichiers que vous souhaitez enregistrer : un fichier HTML et des fichiers image, uniquement des fichiers image ou uniquement un fichier HTML.

   • (Facultatif) Définissez les paramètres de sortie pour les fichiers HTML et les fichiers image

   • Si votre image comporte plusieurs tranches, sélectionnez l’une des options permettant d’enregistrer des tranches dans le menu Tranches : Toutes les tranches ou Tranches sélectionnées.

   Pour réinitialiser les paramètres d’optimisation et revenir à la dernière version enregistrée, appuyez sur la touche Alt (Windows) ou Option (Mac OS), puis cliquez sur Annuler. Pour conserver les mêmes paramètres la prochaine fois que vous ouvrirez la boîte de dialogue Enregistrer pour le Web et les périphériques, maintenez la touche Alt ou Option enfoncée et cliquez sur Mémoriser.

   Pour visionner une vidéo relative à l’enregistrement de fichiers pour le Web dans Illustrator, reportez-vous à l’adresse suivante : www.adobe.com/go/vid0063_fr.

1. Choisissez les options d’optimisation qui vous conviennent, puis cliquez surEnregistrer les paramètres dans le menu de la palette Optimiser.
2. Nommez les paramètres et enregistrez-les dans le dossier approprié :

   Photoshop

   (Windows XP) Document and Settings\[Nom d’utilisateur]\Application Data\Adobe\Adobe Photoshop CS5\Optimized Settings

   (Windows Vista) Users\[Nom d’utilisateur]\AppData\Roaming\Adobe\Adobe Photoshop CS5\Optimized Settings

   (Mac OS) Users/[Nom d’utilisateur]/Library/Preferences/Adobe Photoshop CS5 Settings/Optimized Settings

   Illustrator

   (Windows XP) Document and Settings\[Nom d’utilisateur]\Application Data\Adobe\Adobe Illustrator CS5 Settings\[Langue]\Save for Web Settings\Optimize

   (Windows Vista) Users\[Nom d’utilisateur]\AppData\Roaming\Adobe\Adobe Illustrator CS5 Settings\[Langue]\Save for Web Settings\Optimize

   (Mac OS) Users/[Nom d’utilisateur]/Library/ApplicationSupport/Adobe/Adobe Illustrator CS5/[Langue]/Save for Web Settings/Optimize

   Remarque : si vous enregistrez les paramètres à un autre emplacement, ils ne seront pas disponibles dans le menu déroulant Paramètre prédéfini.
3. Pour supprimer un paramètre prédéfini, sélectionnez-le dans le menu Paramètre prédéfini, puis choisissez Supprimer les paramètres dans le menu Optimiser.

• Pour afficher ou masquer toutes les tranches, cliquez sur le bouton Afficher/masquer les tranches .
• Pour sélectionner des tranches dans la boîte de dialogue Enregistrer pour le Web et les périphériques, activez l’outil Sélection de tranche , puis cliquez sur une tranche pour la sélectionner. Tout en maintenant la touche Maj enfoncée, cliquez ou faites glisser le pointeur pour sélectionner plusieurs tranches.
  Remarque : Dans la boîte de dialogue Enregistrer pour le Web et les périphériques, les tranches non sélectionnées sont grisées. Cela n’a aucune incidence sur la couleur de l’image finale.
• Pour afficher les options de tranches dans la boîte de dialogue Enregistrer pour le Web, sélectionnez l’outil Sélection de tranche et cliquez deux fois sur une tranche.
• Pour lier des tranches, sélectionnez-en au moins deux et choisissez l’option Lier les tranches dans le menu déroulant Optimiser  (à la droite du menu Paramètre prédéfini). L’icône de lien  apparaît sur les tranches liées.
• Pour rompre un lien de tranches, sélectionnez une tranche et choisissez Rompre le lien de la tranche dans le menu déroulant Optimiser.
• Pour rompre les liens de toutes les tranches d’une image, choisissez Rompre tous les liens des tranches dans le menu déroulant Optimiser.

1. Sélectionnez Fichier > Enregistrer pour le Web et les périphériques.
2. Cliquez sur un onglet dans la partie supérieure de la boîte de dialogue Enregistrer pour le Web et les périphériques pour sélectionner une option d’affichage : Optimisée, 2 vignettes ou 4 vignettes. Si vous choisissez le mode 4 vignettes, vous devez sélectionner l’aperçu à optimiser.
3. (Facultatif) Sélectionnez les tranches à optimiser et le format de fichier à utiliser.
4. Sélectionnez Optimiser à la taille de fichier dans le menu Optimiser (à droite du menu Paramètres prédéfinis).
5. Indiquez la taille de fichier souhaitée.
6. Sélectionnez une option Démarrer avec :

   Paramètres actuels

   Utilise le format de fichier sélectionné.

   Sélection automatique GIF/JPEG

   Sélectionne automatiquement le format optimal en fonction du contenu de l’image.

7. Sélectionnez une option Application pour indiquer si vous souhaitez appliquer la taille de fichier spécifiée à la tranche active uniquement, à chaque tranche de l’image ou à la totalité des tranches. Cliquez sur OK.

1. Cliquez sur l’onglet Taille de l’image dans la boîte de dialogue Enregistrer pour le Web et les périphériques.
2. Parmi les options supplémentaires suivantes, définissez celles de votre choix :

   Conserver les proportions

   Conserve les proportions actuelles de largeur et hauteur en pixels.

   Qualité

   (Photoshop uniquement) Indique la méthode d’interpolation. En règle générale, l’option Bicubique plus net permet d’obtenir de meilleurs résultats lorsque vous réduisez la taille de l’image.

   Lissage

   (Illustrator uniquement) Supprime les contours irréguliers de l’illustration en appliquant un lissage.

   Ecrêter selon le plan de travail

   (Illustrator uniquement) Réduit la taille de l’illustration afin qu’elle corresponde aux limites du plan de travail du document. Toute portion de l’illustration à l’extérieur du plan de travail est supprimée.

   Remarque : Les fonctions de la palette Taille de l’image ne sont pas disponibles pour les formats de fichier SWF et SVG, à l’exception de l’option Ecrêter selon le plan de travail.

3. Saisissez les nouvelles dimensions en pixels ou un pourcentage de redimensionnement de l’image, puis cliquez sur Appliquer.

1. Cliquez sur l’onglet Calques dans la boîte de dialogue Enregistrer pour le Web et les périphériques.
2. Sélectionnez l’option Exporter comme calques CSS.
3. Choisissez un calque dans le menu déroulant et définissez les options suivantes :

   Visible

   Crée un calque CSS visible dans le fichier HTML obtenu.

   Masqué

   Crée un calque CSS masqué dans le fichier HTML obtenu.

   Les calques CSS sont identiques aux calques GoLive. Adobe GoLive vous permet d’animer un calque CSS et d’utiliser des scripts JavaScript intégrés pour créer des effets interactifs.

• Pour afficher l’aperçu d’une image dans le navigateur Web par défaut, cliquez sur l’icône correspondante au bas de la boîte de dialogue Enregistrer pour le Web et les périphériques.
• Pour sélectionner un autre navigateur, choisissez Autre dans le menu contextuel correspondant (à côté de l’icône de navigateur).
• Pour ajouter, modifier ou supprimer un navigateur du menu contextuel correspondant, choisissez Modifier la liste dans ce menu. La boîte de dialogue Navigateurs répertorie tous les navigateurs installés sur votre ordinateur. Vous pouvez y définir le navigateur par défaut pour visualiser votre image.

1. Sélectionnez Fichier > Enregistrer pour le Web et les périphériques.
2. Cliquez sur l’onglet Optimiser dans la partie supérieure de la boîte de dialogue Enregistrer pour le Web et les périphériques.
3. Choisissez JPEG Inf dans le menu Paramètres prédéfinis.
4. Dans la zone Taille de l’image, cliquez sur l’icône représentant un maillon, à droite des zones de hauteur et de largeur, pour conserver les proportions de l’image. Saisissez la valeur de la largeur.

   Pour le courrier électronique, 400 pixels est une taille de fichier convenable. Utilisez une taille de fichier plus réduite si la connexion Internet de votre destinataire est lente.

5. Cliquez sur Enregistrer. Entrez le nom du fichier et sélectionnez un emplacement pour l’enregistrement. Vérifiez dans Format que l’option Images est sélectionnée. Cliquez à nouveau sur Enregistrer.

   A présent, vous pouvez envoyer le fichier par courrier électronique. Dans certains programmes de messagerie électronique, vous pouvez faire glisser le fichier dans le corps de texte du message. Dans d’autres programmes, vous devez utilisez les commandes Joindre ou Insérer.