PDF (adobe.com)

Définition des options de la boîte de dialogue d'aperçu d'image



    Options de la boîte de dialogue d'aperçu d'image

    Lorsque vous créez un objet dynamique ou que vous collez une sélection depuis Photoshop, Dreamweaver affiche la boîte de dialogue d'aperçu d'image. Cette boîte de dialogue s'affiche également pour tout autre type d'image si vous la sélectionnez puis que vous cliquez sur le bouton de modification des paramètres de l'image de l'inspecteur Propriétés. Cette boîte de dialogue permet de définir les paramètres d'images Web et d'en afficher un aperçu, de façon à déterminer la combinaison optimale de couleurs, de compression et de qualité.

    Une image Web est une image qui peut être affichée par tous les navigateurs Web modernes et qui possède la même apparence, quel que soit le système ou le navigateur utilisé. Lorsque vous insérez une image Photoshop, la boîte de dialogue d'aperçu de l'image vous permet d'ajuster divers paramètres pour optimiser la publication sur le Web. En règle générale, ces paramètres permettent de parvenir un compromis entre qualité et taille de fichier.
    Afficher le graphique à sa taille d'origine
    La boîte de dialogue d'aperçu de l'image

    A.
    Onglet Options

    B.
    Onglet Fichier

    C.
    Panneau d'aperçu

    Remarque : Les paramètres que vous sélectionnez n'influent que sur la version exportée du fichier d'image. Le fichier PSD (Photoshop) ou PNG (Fireworks) file d'origine reste toujours inchangé.

    La boîte de dialogue Aperçu de l'image comprend trois sections :

    • L'onglet Options permet de définir le format de fichier à utiliser et de définir des préférences telles que la couleur.

    • L'onglet Fichier permet de définir le facteur de mise à l'échelle et la taille de fichier désirée pour l'image.

    • Le panneau d'aperçu permet de voir une version de l'image avec vos paramètres actuels.

    L'onglet Options comprend de nombreuses options relatives à l'image, qui varient selon le format de fichier choisi. Pour vous faciliter la tâche, plusieurs jeux d'options pour images GIF et JPEG sont disponibles dans le menu Paramètres enregistrés.

    Options des images JPEG

    Vous pouvez optimiser une image JPEG en définissant ses paramètres de compression et de lissage. Il est impossible de modifier sa palette de couleurs.

    Qualité
    La glissière permet d'augmenter ou de réduire la qualité de l'image. Une qualité plus élevée produit un fichier de plus grande taille.

    Lissage
    Permet d'augmenter le degré de lissage en fonction de vos besoins. Une image de moins bonne qualité peut exiger l'emploi d'une valeur plus élevée.

    Affichage progressif du navigateur
    Affiche l'image tout d'abord en basse résolution, puis augmente progressivement cette résolution pendant le téléchargement. Cette option n'est pas activée par défaut.

    Accentuer les bords des couleurs
    Permet d'obtenir une image de qualité plus élevée.

    Matage
    Permet de définir l'arrière-plan de l'image. Vous pouvez conserver la transparence d'une image PNG 32 bpc (bits par canal) en cliquant sur l'icône de transparence de la boîte de dialogue Matage. Vous pouvez également utiliser cette boîte de dialogue pour activer l'anticrénelage d'objets à contours flous qui se trouvent directement au-dessus de la zone de document, en faisant correspondre la couleur du cache à l'arrière-plan de la cible.

    Supprimer les couleurs non utilisées
    Réduit la taille du fichier en supprimant les couleurs non utilisées dans l'image.

    Optimiser la taille
    Permet de définir la taille de l'image, en kilo-octets. Dans le cas d'images 8 bpc, l'assistant tente de parvenir à la taille de fichier demandée en ajustant le nombre de couleurs ou en appliquant un tramage.

    Options des images GIF et PNG

    Dans l'onglet Options, vous pouvez définir la valeur de transparence de couleurs spécifiques des images GIF et PNG 8 bpc, de manière à ce que l'arrière-plan de la page Web soit visible à travers les zones possédant ces couleurs. Pour ce faire, ajustez la palette de couleurs sur la gauche de l'onglet Options. Les images PNG en format 32 bpc contiennent automatiquement de la transparence, même si l'option de transparence n'est pas visible pour ces fichiers dans le panneau Optimiser.

    Palette
    Réglée sur Adaptive par défaut. Sélectionnez dans le menu l'un des paramètres de palette de couleurs proposés si vous voulez utiliser un ensemble d'options prédéfinis

    Perte
    Réglée sur 0 par défaut. Cette option n'est pas d'application pour les images PNG

    Tramer
    Définit approximativement les couleurs qui ne figurent pas dans la palette actuelle, en alternant les pixels de couleurs similaires de façon à donner l'apparence d'un mélange produisant la couleur manquante. Le tramage est particulièrement utile lors de l'exportation d'images comportant des mélanges ou des dégradés complexes, ou en cas d'exportation d'images photographiques dans un format graphique 8 bpc tel que le format GIF. Cette option n'est pas activée par défaut.
    Remarque : Le tramage peut accroître considérablement la taille du fichier.

    Liste Nombre de couleurs
    Réglée sur 256 par défaut. Le nombre de couleurs dépend du comportement actuel de la palette. Par exemple, la palette « Web 216 » n'affiche que 216 couleurs.

    Palette Couleur
    Les couleurs affichées varient selon le comportement de palette sélectionné et le nombre maximal de couleurs.

    Outils de palette
    Cliquez sur un pixel de la palette puis sur l'une de ces icônes pour modifier, ajouter ou supprimer une couleur, ou pour rendre une couleur transparente, compatible Web ou verrouillée.

    Icônes de sélection de la couleur de transparence
    Ces icônes permettent de sélectionner, d'ajouter ou de supprimer une couleur de la palette. Par exemple, si vous choisissez l'option de sélection de la couleur de transparence, vous pouvez cliquer sur un pixel de la palette ou sur un point de couleur du panneau d'aperçu pour le rendre transparent.

    Menu Transparence
    Permet de choisir Transparence d'index, Transparence Alpha ou Pas de transparence. Un damier gris et blanc, sur les aperçus du document, indique les zones transparentes. Pour voir comment vos modifications influent sur l'image, cliquez sur 2 vues ou 4 vues dans l'aperçu de l'image, puis cliquez sur une image qui n'est pas l'originale.
    Transparence d'index
    La transparence de type Index s'emploie lors de l'exportation d'images GIF contenant des zones transparentes. Avec la transparence d'index, vous pouvez choisir des couleurs précises qui seront transparentes lors de l'exportation. La transparence d'index active ou désactive les pixels possédant des valeurs de couleur spécifiques.

    Transparence Alpha
    La transparence de type Alpha s'emploie lors de l'exportation d'images PNG 8 bpc contenant des zones transparentes. La transparence alpha permet d'obtenir un dégradé de transparence et des pixels semi-opaques.

    Matage
    Permet de définir l'arrière-plan de l'image. Vous pouvez conserver la transparence d'une image PNG 32 bpc en cliquant sur l'icône de transparence de la boîte de dialogue Matage. Vous pouvez également utiliser cette boîte de dialogue pour activer l'anticrénelage d'objets à contours flous qui se trouvent directement au-dessus de la zone de document, en faisant correspondre la couleur du cache à l'arrière-plan de la cible.

    Supprimer les couleurs non utilisées
    Réduit la taille du fichier en supprimant les couleurs non utilisées dans l'image.

    Affichage entrelacé du navigateur
    Affiche une image entrelacée tout d'abord en basse résolution, puis passe progressivement en pleine résolution pendant le téléchargement. Cette option n'est pas activée par défaut.

    Optimiser la taille
    Permet de définir la taille de l'image, en kilo-octets. Dans le cas d'images 8 bpc, l'assistant tente de parvenir à la taille de fichier demandée en ajustant le nombre de couleurs ou en appliquant un tramage.

    Paramètres enregistrés

    Dreamweaver comporte plusieurs paramètres prédéfinis. En fonction des paramètres enregistrés que vous choisissez, les options spécifiques à un type de fichier, décrites ci-dessus, peuvent varier.

    GIF Web 216
    Force toutes les couleurs à être compatibles Web. La palette de couleurs contient 216 couleurs au maximum.

    GIF Websnap 256
    Convertit les couleurs non compatibles avec le Web dans la couleur compatible avec le Web la plus proche. La palette de couleurs contient 256 couleurs au maximum.

    GIF Websnap 128
    Convertit les couleurs non compatibles avec le Web dans la couleur compatible avec le Web la plus proche. La palette de couleurs contient 128 couleurs au maximum.

    GIF Adaptive 256
    Palette de couleurs qui ne contient que les couleurs réellement utilisées dans le graphisme. La palette de couleurs contient 256 couleurs au maximum.

    JPEG - Qualité supérieure
    Définit la qualité sur 80 et le lissage sur 0, ce qui produit une image de haute qualité mais dont le fichier est de plus grande taille.

    JPEG - Fichier réduit
    Fixe la qualité à 60 et le lissage à 2, ce qui produit un fichier dont la taille vaut moins que la moitié d'un fichier JPEG de qualité supérieure, mais avec un niveau de qualité moins élevé.

    (Facultatif) Modification des options d'échelle ou de zone d'exportation d'une image dans l'onglet Fichier

    1. Sélectionnez l'onglet Fichier.

    2. Réduisez ou développez l'image d'une des manières suivantes :

      • Définissez un pourcentage de mise à l'échelle.

      • Entrez des valeurs absolues, en pixels, pour la largeur ou la hauteur.

    3. Activez l'option Contraindre pour préserver les proportions initiales de l'image lorsque vous la redimensionnez.

    4. Modifiez la forme de l'image placée en activant l'option Exporter zone et en effectuant l'une des actions suivantes :

      • Tirez la bordure pointillée autour de l'aperçu de l'image. Vous pouvez ramener l'image à l'intérieur du cadre d'affichage afin d'afficher les zones masquées.

      • Entrez les coordonnées, en pixels, des limites de l'image.

    (Facultatif) Prévisualisation et ajustement d'images dans le panneau Aperçu

    1. Dans la boîte de dialogue d'aperçu de l'image, activez l'option Aperçu si vous voulez voir comment l'image se présente si vos paramètres lui sont appliqués. Pour améliorer les performances, il peut être utile de désactiver cette option.

    2. Sélectionnez dans le menu l'un des paramètres de palette de couleurs dans le menu Paramètres enregistrés si vous voulez utiliser un ensemble d'options prédéfinis.

    3. Si votre image est plus grande que la zone d'aperçu, utilisez le pointeur pour saisir l'image dans l'aperçu et la faire défiler afin de visualiser ses différentes parties.

    4. L'outil Recadrer permet de réduire la taille de l'image. Il peut être nécessaire d'effectuer un zoom arrière pour afficher l'image entière.

    5. Choisissez une valeur dans le menu Zoom pour agrandir ou réduire l'affichage de l'image dans l'aperçu. Vous pouvez également choisir l'outil Zoom, puis cliquer pour effectuer un zoom avant ou cliquer tout en maintenant enfoncée la touche Alt (Windows) ou Option (Macintosh) pour effectuer un zoom arrière.

    6. Vous pouvez consulter un aperçu de deux ou quatre optimisations différentes en cliquant sur le bouton 2 vues ou 4 vues dans le bas du panneau d'aperçu et en choisissant des palettes de couleur différentes pour chaque volet.

    Remarque : Les contrôles d'animation de la boîte de dialogue d'aperçu d'image sont toujours désactivés pour les images Photoshop.