Recommandations concernant les images présentes dans les blocs de contenu

Avant de télécharger vos images dans Mailchimp, consultez nos recommandations pour vous aider à assurer le meilleur rendu possible. Nos recommandations sont formulées selon le type de bloc de contenu que vous utilisez dans votre campagne par e-mail ou sur votre landing page à l'aide du créateur classique.

Cet article vous propose de découvrir nos recommandations concernant les images présentes dans les blocs de contenu Image, Image Card (Carte d'image), Image + Text (Image avec texte) et Image Group (Groupe d'images).

Conseils d'ordre général concernant les images

Voici quelques conseils d'ordre général concernant vos images.

• Format
  Lorsque vous enregistrez une image, utilisez les formats PNG, JPG ou GIF. Utilisez le format PNG si vous souhaitez conserver la transparence.
• Mode ou profil de couleur
  Enregistrez vos images Internet avec le profil ou le mode de couleur RVB. Le mode CMJN, que les concepteurs utilisent en impression, n'est pas très précis en ligne et peut parfois casser votre image intégrée.
• Texte de remplacement
  Il est conseillé d'ajouter un texte de remplacement à vos images. Le texte de remplacement favorise l'accessibilité et s'avère extrêmement utile pour les visiteurs qui ne parviennent pas à télécharger vos images. Il contribue également à l'optimisation de vos pages de destination pour les moteurs de recherche.
• Écrans haute définition
  De nombreux smartphones, tablettes et ordinateurs portables disposent d'écrans haute définition, tels que l'écran Retina d'Apple. Ce type d'affichage offre un rapport plus élevé de pixels par pouce, ce qui peut rendre certaines images floues. Pour assurer un affichage net de vos images sur ces écrans, utilisez une photo d'une résolution supérieure et restreignez ses dimensions.
• Taille de fichier
  Nous recommandons une taille de fichier maximale de 1 Mo par image. La valeur de 72 DPI suffit généralement pour le Web, mais elle n'est pas obligatoire. Nous vous recommandons de télécharger des images de la même taille ou plus petites que votre zone de contenu ou modèle.
• Taille de l'image
  Les e-mails et les landing pages comportent des restrictions quant à la largeur des images. Mailchimp redimensionnera automatiquement les images en fonction de l'e-mail, bien que les images très volumineuses peuvent provoquer le ralentissement du chargement ou empêcher vos e-mails de s'afficher en entier. Les sections suivantes recommandent les largeurs d'image les mieux adaptées à une section.

Tailles d'images pour les e-mails

Les modèles d'e-mail Mailchimp étant d'une largeur de 600 pixels, il est préférable d'utiliser des images d'une largeur maximale de 800 à 1 200 pixels. Mailchimp redimensionnera votre image pour l'adapter au bloc de contenu auquel elle est ajoutée. Certains clients de messagerie peuvent afficher des images de plus de 800 à 1 200 pixels dans leur taille d'origine, ce qui peut entraîner des retards de chargement et une image qui s'étend au-delà du bloc de contenu.

Si votre image est trop grande, vous pouvez voir une alerte lorsque vous ajoutez des images à un modèle. Cela apparaîtra probablement si l'image est plus grande que la plage de largeur maximale recommandée de 800 à 1 200 pixels. Cliquez sur le lien Let's fix it (Corrigons cela) pour consulter notre éditeur de photos et ajuster les dimensions de l'image.

La taille d'image recommandée varie selon le nombre de colonnes présentes dans votre modèle d'e-mail.

Les dimensions peuvent également varier selon le type de bloc de contenu que vous utilisez. Voici nos recommandations concernant la taille des images présentes dans les blocs de contenu Image, Image Card (Carte d'image), Image + Text (Image avec texte) et Image Group (Groupe d'images) de votre campagne par e-mail.

Image

Carte d'image

Image avec texte

Groupe d'images

Si vous ajoutez des blocs Image Group (Groupe d'images) à une section qui comporte plusieurs colonnes, les images de petite taille doivent être suffisamment claires pour que vos contacts puissent les consulter.

Tailles d'image pour les landing pages

Les landing pages Mailchimp proposant plusieurs largeurs disponibles, la taille idéale de votre image dépend de la largeur que vous choisissez. Avant de télécharger vos images dans Mailchimp, ajustez leur taille afin d'éliminer les pixels inutiles.

Si vous définissez la largeur de votre landing page sur 100 %, les images peuvent s'afficher différemment selon la résolution de l'écran des visiteurs de votre landing page. Dans ce cas, nous vous recommandons d'utiliser des images plus grandes. Il est à noter, cependant, que les images de taille supérieure peuvent ralentir votre landing page. Nous vous recommandons de conserver les images entre 1 500 et 2 500 pixels de large, car Mailchimp redimensionnera vos images pour qu'elles s'adaptent à la zone de contenu. Les images de plus de 2 500 pixels peuvent ne pas être redimensionnées correctement.

Voici nos recommandations concernant la taille des images présentes dans les blocs de contenu Image, Carte d'image, Image + texte et Groupe d'images de votre landing page.

Image

Carte d'image

Image + texte

Groupe d'images

Ajuster la largeur de landing page

Pour ajuster la largeur de votre landing page, procédez comme suit.

1. Cliquez sur Campaigns (Campagnes).
2. Cliquez sur All campaigns (Toutes les Campagnes).
3. Si vous disposez de plusieurs audiences, cliquez sur le menu déroulant Current audience (Audience actuelle) et sélectionnez celle qui est associée à votre page de destination.
4. Cliquez sur la landing page sur laquelle vous souhaitez travailler.
5. Cliquez sur l'onglet Style.
   
6. Cliquez sur Page.
7. Dans la section Page Container Style (Style de la page), sélectionnez la largeur.
   
8. Cliquez surSave (Enregistrer).