Partager via

Définir la taille d’une image

  • Article

Lorsque vous insérez une image dans une page, Microsoft Expression Web définit automatiquement la largeur et la hauteur de l’image d’après ses dimensions réelles. Vous pouvez utiliser la boîte de dialogue Options de l’éditeur de pages pour spécifier si Expression Web utilise des attributs HTML ou des feuilles de style en cascade (CSS) pour définir la taille de l’image. 

Vous pouvez rapidement modifier les propriétés de largeur et de hauteur, ou les deux, d’une image en double-cliquant sur une poignée de redimensionnement Cc295185.ff1b74d1-90c7-4146-90e5-c8784f5e6b7c(FR-FR,Expression.30).png de l’image. Vous pouvez redimensionner une image en déplaçant une poignée de redimensionnement ou en spécifiant des valeurs. Pour les deux méthodes, l’image est redimensionnée en modifiant les propriétés de largeur et hauteur. Si vous voulez rééchantillonner une image redimensionnée à la place, vous pouvez utiliser le bouton RééchantillonnerCc295185.183ffc09-94d8-4aa9-b60f-842af7f33b96(FR-FR,Expression.30).png dans la barre d’outils Images ou le bouton Actions avec les imagesCc295185.1d403f9f-5161-4a64-929f-7f04cb9232de(FR-FR,Expression.30).png, qui apparaît à côté de l’image en mode Création.

Pour définir le code utilisé par Expression Web pour définir les dimensions d’une image

  1. Dans le menu Outils, cliquez sur Options de l'éditeur de page.

  2. Dans l’onglet CSS de la boîte de dialogue Options de l’éditeur de page, activez ou désactivez la case à cocher Utiliser les attributs de largeur et hauteur pour les images à la place de CSS.

    Cc295185.alert_tip(FR-FR,Expression.30).gifConseil :

    Si vous configurez Expression Web pour qu’il utilise des CSS pour définir la hauteur et la largeur des images, vous pouvez définir le type de style utilisé par Expression Web en spécifiant l’option Redimensionnement, positionnement et flottement dans la boîte de dialogue Options de l’éditeur de page. Pour plus d’informations, voir Définir les préférences des feuilles de style en cascade générées.

Pour ajouter ou supprimer les propriétés de largeur et hauteur

  1. En mode Création, dans votre page Web, cliquez sur l’image.

  2. Effectuez une ou plusieurs des actions suivantes :

    • Pour ajouter ou supprimer seulement la propriété de largeur, double-cliquez sur la poignée de redimensionnement sur le côté droit de l’élément.

    • Pour ajouter ou supprimer seulement la propriété de hauteur, double-cliquez sur la poignée de redimensionnement en bas de l’élément.

    • Pour ajouter ou supprimer les propriétés de largeur et hauteur, double-cliquez sur la poignée de redimensionnement dans le coin inférieur droit de l’élément.

    Pour plus d’informations, voir Définir les marges, le remplissage et les dimensions en mode Création.

Pour redimensionner une image en déplaçant la poignée de redimensionnement

  1. En mode Création, dans votre page Web, cliquez sur l’image puis, sur le côté droit, le côté inférieur ou l’angle inférieur droit de l’image, déplacez une poignée Cc295185.ff1b74d1-90c7-4146-90e5-c8784f5e6b7c(FR-FR,Expression.30).png sur une nouvelle position.

  2. Si vous voulez rééchantillonner l’image en fonction de sa nouvelle taille, effectuez l’une des opérations suivantes :

    • Dans la barre d’outils Images, cliquez sur le bouton Rééchantillonner Cc295185.183ffc09-94d8-4aa9-b60f-842af7f33b96(FR-FR,Expression.30).png.

    • Près de l’angle inférieur droit de l’illustration, cliquez sur Actions avec des images Cc295185.1d403f9f-5161-4a64-929f-7f04cb9232de(FR-FR,Expression.30).png, puis cliquez sur Rééchantillonner l’image pour la faire correspondre à sa taille actuelle.

    Cc295185.alert_note(FR-FR,Expression.30).gifRemarque :

    Pour enregistrer l’image modifiée, dans le menu Fichier, cliquez sur Enregistrer pour enregistrer la page. Dans la boîte de dialogue Enregistrer les fichiers incorporés, définissez les options souhaitées puis cliquez sur OK. Pour plus d’informations, voir Enregistrer une image incorporée.

Pour redimensionner une image en spécifiant des valeurs de pixel ou de pourcentage

  1. Dans votre page Web, effectuez l’une des actions suivantes :

    • En mode Création, double-cliquez sur l’image.

    • Cliquez sur l’image que vous voulez redimensionner, puis dans le menu Format, cliquez sur Propriétés.

    • Cliquez avec le bouton droit sur l’image, et, en mode Création, cliquez sur Propriétés de l’image, ou en mode Code cliquez sur Propriétés de la balise.

  2. Dans la boîte de dialogue Propriétés de l’image, dans l’onglet Apparence, effectuez les opérations suivantes :

    Utilisez

    Pour

    Spécifier la taille

    Sélectionner la case à cocher.

    Conserver les proportions

    Sélectionner pour conserver les proportions d’origine de l’image.

    Largeur

    Spécifier la taille et l’unité souhaitées.

  3. Si vous voulez rééchantillonner l’image en fonction de sa nouvelle taille, effectuez l’une des opérations suivantes :

    • Dans la barre d’outils Images, cliquez sur le bouton Rééchantillonner Cc295185.183ffc09-94d8-4aa9-b60f-842af7f33b96(FR-FR,Expression.30).png.

    • Près de l’angle inférieur droit de l’illustration, cliquez sur Actions avec des images Cc295185.1d403f9f-5161-4a64-929f-7f04cb9232de(FR-FR,Expression.30).png, puis cliquez sur Rééchantillonner l’image pour la faire correspondre à sa taille actuelle.

Cc295185.alert_note(FR-FR,Expression.30).gifRemarque :

Pour enregistrer l’image modifiée, dans le menu Fichier, cliquez sur Enregistrer pour enregistrer la page. Dans la boîte de dialogue Enregistrer les fichiers incorporés, définissez les options souhaitées puis cliquez sur OK. Pour plus d’informations, voir Enregistrer une image incorporée.

Voir aussi

Tâches

Rogner une image

Définir les marges, le remplissage et les dimensions en mode Création

Enregistrer une image incorporée

Concepts

Propriétés d’une image