We're making it easier to get around Constant Contact with a brand new left navigation. Not all accounts have that change yet, so if your navigation looks different from our articles, that's why–but everything from the top can now be found on the left!

Email and Digital Marketing
Comment pouvons-nous vous aider?
Parcourez nos articles d'aide, nos tutoriels en vidéo et nos guides de démarrage rapide.

Comptez sur nous. Nous avons le nécessaire. Parcourez notre base de connaissances pour rapidement trouver des réponses à vos questions en matière de marketing par e-mail.

Redimensionner une image dans un e-mail pour un affichage optimal sur ordinateur de bureau et sur appareil mobile

Article: 000017769
Updated: 15 mars 2024

Changez manuellement les dimensions d’une image ou définissez des dimensions spécifiques pour vérifier que la taille de l’image convient à tout type d’écran

Après avoir ajouté une image à votre e-mail, vous pouvez augmenter ou réduire proportionnellement sa taille directement depuis l’éditeur d’e-mail. Ainsi, vous êtes sûr que l’image aura une taille appropriée lorsque votre e-mail est affiché sur un ordinateur de bureau.

Toutefois, cette méthode n’affecte pas forcément l’affichage de l’image sur un appareil mobile. Les images de 480 pixels de large ou plus rempliront toute la largeur de l’écran lors de l’affichage sur mobile. Pour les images que vous souhaitez plus étroites que l’écran sur appareil mobile, vous pouvez changer les dimensions de l’image depuis l’éditeur d’image.


Régler manuellement les proportions de l’image pour un affichage optimal sur ordinateur de bureau

  1. Placez votre curseur sur l’image et cliquez sur les flèches dans le coin inférieur droit de l’image. Faites glisser le coin pour vers l’extérieur pour agrandir et vers l’intérieur pour réduire l’image.

    Bouton de redimensionnement de l’image
conseil de mise en pageConseil de mise en page : si vous voyez un espace blanc supplémentaire au-dessus et au-dessous de votre image et que vous souhaitez le supprimer, vous pouvez supprimer le motif de l’image. La couleur d’arrière-plan du bloc peut également être modifiée, ce qui vous offre des options de personnalisation supplémentaires.


Si votre image n’a pas l’apparence que vous attendez, essayez de la rogner. Les images larges fonctionnent mieux comme images de bannière, car elle ne perdent pas beaucoup de contenu lorsqu’elles sont recadrées.

 

Définir les dimensions de l’image pour un affichage optimal sur appareil mobile

  1. Cliquez sur l’image pour ouvrir la barre d’outils, puis sur Replace (Remplacer).

    Image sélectionnée et bouton Replace (Remplacer)
     
  2. Cliquez sur Edit (Modifier).

    Interface d’insertion d’image et bouton Edit (Modifier)
     
  3. Cliquez sur l’icône Transform (Transformer).

    Éditeur d’image avec icône Transform (Transformer)
     
  4. Cochez la case « Lock Resolution » (Verrouiller la résolution).
  5. Modifiez la largeur pour qu’elle soit inférieure à 480 pixels. Appuyez ensuite sur Entrée pour mettre à jour la hauteur automatiquement.
    Remarque : Souvenez-vous que 480 pixels est la largeur maximum d’un écran d’appareil mobile, choisissez donc une largeur entre 150 et 250 pixels si vous voulez que l’image prennent un tiers ou la moitié de la largeur de l’écran de l’appareil mobile.
  6. Cliquez sur Export (Exporter).

    Éditeur d’image avec case Lock Resolution (Verrouiller la résolution), définition des dimensions de largeur et bouton Export (Exporter)
     
  7. Cliquez sur Insert (Insérer).

    Insérer une image
     
Vous remarquerez que la taille de l’image dans l’éditeur d’e-mail n’a pas changé, ce qui signifie que l’image ne sera pas réduite sur un ordinateur de bureau. Elle sera réduite uniquement sur un appareil mobile. Utilisez la fonction d’aperçu pour vérifier si l’image vous convient :
  1. Cliquez sur Preview & Test (Prévisualiser et tester) ou Check & Preview (Vérifier et prévisualiser) > Preview (Aperçu).

    Menu déroulant d’aperçu et de test ouvert et option Aperçu
     
  2. Cliquez sur l’onglet Mobile.

    Aperçu version bureau d’un e-mail et onglet Mobile
     
Assurez-vous que l’image apparaît convenablement sur un appareil mobile.
 
Aperçu d’e-mail sur appareil mobile 
    Les dimensions de l’image du haut (pull orange) n’ont pas été modifiées, elle remplit donc la largeur de l’écran d’un appareil mobile.
 
Les dimensions de l’image du bas (pull bleu) ont été réduites, elle est donc plus petite sur appareil mobile.


Questions?

Ask the Community

Did this article answer your question?


Constant Contact Logo

Copyright © 2021 · Tous droits réservés · Constant Contact · Privacy Policy