Objectif de cet article
Découvrez comment superposer du texte, des images et d’autres contenus d’e-mail sur des images d’arrière-plan. Vous pouvez ajouter une image d’arrière-plan à l’intégralité d’un e-mail ou à une seule section. Grâce à ces fonctionnalités, vous pouvez superposer plusieurs images ou ajouter un bouton ou du texte sur une image.
À propos des images d’arrière-planÀ propos des images d’arrière-plan
Vous pouvez ajouter une image d’arrière-plan à l’intégralité d’un modèle d’e-mail ou à une section spécifique du modèle. Les arrière-plans de modèle peuvent être sélectionnés dans l’onglet Styles du modèle et couvrent généralement toute la largeur et la hauteur de l’e-mail.
Les arrière-plans de section s’appliquent uniquement à certaines zones de l’e-mail. Ils permettent d’ajouter des images qui attirent l’attention et des appels à l’action dynamiques. Vous pouvez également ajouter plusieurs appels à l’action sur une même image (par exemple, « Acheter les chaussures » et « Acheter les accessoires »). Ces images d’arrière-plan de section peuvent être ajoutées depuis l’onglet Styles de la section.
Vous pouvez améliorer l’accessibilité de votre e-mail en utilisant une image d’arrière-plan avec du texte et d’autres contenus superposés plutôt qu’une seule image avec du texte. Si votre message contient essentiellement des images et peu de texte, les destinataires qui utilisent des lecteurs d’écran et d’autres dispositifs d’accessibilité qui n’affichent pas les images se reportent au texte alternatif pour comprendre le contenu du message.
De plus, les destinataires qui utilisent des boîtes de réception en texte clair ou qui ont configuré leur boîte de réception pour masquer les images par défaut peineront à saisir le sens de votre message. Si vous utilisez des blocs de texte standard accompagnés d’une image, votre message sera mieux compris par les destinataires qui utilisent des dispositifs d’accessibilité ou alternatifs.
Sélectionner des images d’arrière-planSélectionner des images d’arrière-plan
Lorsque vous sélectionnez une image d’arrière-plan pour une section ou un modèle, choisissez une image dont la résolution est suffisamment élevée pour s’afficher en bonne qualité sur l’écran du destinataire. Veillez toutefois à ne pas utiliser un fichier inutilement volumineux, car cela pourrait ralentir le temps de chargement de vos e-mails. Nous vous recommandons d’utiliser des images de 1 Mo ou moins comme arrière-plans de section.
Définir une image d’arrière-plan de sectionDéfinir une image d’arrière-plan de section
Une fois que vous avez choisi votre image, ajoutez une nouvelle section à votre modèle d’e-mail.
- Dans l’onglet Styles de la section, accédez à la section « Arrière-plan ».
- Activez l’option Image.
- Cliquez sur Parcourir la bibliothèque d’images, puis importez votre image.
- Une fois l’image d’arrière-plan mise en forme, ajoutez du contenu à la section. Vous pouvez ajouter n’importe quel type de bloc (par exemple, un bloc de texte, un bouton, un tableau) et le nombre de blocs de votre choix.
Une fois l’image d’arrière-plan définie, choisissez une couleur d’arrière-plan. Cette couleur s’affiche si l’image d’arrière-plan ne peut pas être chargée pour une raison quelconque.
- Ouvrez l’onglet Styles de la section.
- Activez l’option Couleur de la section.
- Choisissez une couleur qui se rapproche de celle de l’image que vous avez choisie.
Options de style de l’arrière-plan de section
Pour choisir d’étendre l’image à l’intégralité de l’e-mail ou uniquement au contenu de l’e-mail, sélectionnez Contenu ou Section pour le paramètre Afficher sur.
Dans la section Format, choisissez parmi les options suivantes :
-
Taille d’origine
Votre image sera affichée dans sa taille d’origine, sans aucune modification. -
Ajuster
Votre image est ajustée pour couvrir la zone de la section. La couleur d’arrière-plan peut apparaître en dessous si l’image est plus petite que la section. -
Remplir
Votre image couvre entièrement la zone de la section et une partie de l’image peut être recadrée. -
Vignette
L’image est dupliquée pour couvrir toute la zone de la section. Vous pouvez modifier la taille de la vignette pour choisir l’échelle.
Définir une image d’arrière-plan de modèle
Pour ajouter une image d’arrière-plan à un modèle d’e-mail :
- Accédez à l’onglet Styles du modèle.
- Activez l’option Image d’arrière-plan.
- Choisissez une image dans votre bibliothèque d’images ou importez-en une nouvelle.
Une fois que vous avez ajouté votre image, vous pouvez modifier son positionnement et choisir de la dupliquer (en vignettes) horizontalement et verticalement.
Les images définies comme images d’arrière-plan pour un modèle peuvent couvrir toute la largeur de la zone du modèle. Vous pouvez définir une couleur d’arrière-plan du modèle dans une teinte similaire à celle de votre image, car la couleur d’arrière-plan peut s’afficher pendant le chargement de l’image ou si le destinataire a désactivé les images dans ses e-mails.
Prise en charge des images d’arrière-plan dans les boîtes de réceptionPrise en charge des images d’arrière-plan dans les boîtes de réception
La plupart des boîtes de réception prennent en charge les images d’arrière-plan, mais il arrive que celles-ci ne s’affichent pas. Dans ce cas, c’est la couleur d’arrière-plan qui s’affiche.
Les boîtes de réception suivantes ne prennent pas en charge les images d’arrière-plan :
- Outlook pour Windows
- Yahoo! Mail (prise en charge partielle)
- AOL (prise en charge partielle)
En outre, si le destinataire dispose d’un accès limité à Internet ou que son débit est lent, l’image d’arrière-plan peut prendre du temps pour se charger ou ne pas se charger du tout, laissant apparaître la couleur d’arrière-plan.
Ressources supplémentaires