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

Copier l'URL de l'article
Il a été copié

Avant de télécharger vos images dans Mailchimp, consultez nos recommandations pour assurer le meilleur rendu possible. Nos recommandations sont formulées selon le type de bloc de contenu que vous utilisez dans votre campagne emailing ou sur votre page de renvoi.

Cet article vous propose de découvrir nos recommandations concernant les images présentes dans les blocs de contenu Image, Carte-image et Image + légende.

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. Vous pouvez utiliser le format PNG si vous souhaitez conserver la transparence.
  • Mode ou profil de couleur
    Les couleurs utilisées en ligne étant différentes de celles utilisées en impression, veillez à définir correctement les couleurs de vos images. Les images Web doivent être enregistrées 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 briser 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 renvoi pour les moteurs de recherche.
  • Écrans haute définition
    De nombreux smartphones, tablettes et ordinateurs portables sont dotés d'un écran haute définition, comme l'écran Retina, qui offre une densité de pixels plus élevée. Par conséquent, l'affichage de certaines images peut être flou sur ces écrans. Pour assurer un affichage net de vos images sur ces écrans, vous pouvez utiliser une photo d'une résolution supérieure dans un bloc de contenu Image et restreindre ses dimensions.
  • Taille de fichier
    Il est préférable d'éviter des images trop grandes, tant en taille de fichier qu'en dimensions en pixels. Nous recommandons une taille de fichier maximale de 1 Mo pour vos images. La valeur de 72 DPI suffit généralement pour le web, mais elle n'est pas obligatoire. Nous vous déconseillons le téléchargement d'images nettement plus grandes que votre zone de contenu ou votre modèle.
  • Taille de l'image
    Les e-mails et les pages de renvoi comportent des restrictions quant à la largeur des images. Voici quelques recommandations selon le type de contenu que vous créez.

Tailles d'image pour les e-mails

Les modèles d'e-mail Mailchimp comportent une largeur de 600 pixels, qui devrait être donc la largeur maximale de vos images.

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

ColonnesLargeur recommandée de l'image
Images de modèles pleine largeur500 px
Images de modèles 2 colonnes264 px
Images de modèles 3 colonnes164 px

Les restrictions 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, Carte-image et Image + légende de votre campagne emailing.

Image

Paramètres du bloc de contenuLargeur recommandée de l'image
Bord à bord564 px

Carte-image

Paramètres du bloc de contenuLargeur recommandée de l'image
Bord à bord564 px
Non bord à bord528 px

Image + légende

Paramètres du bloc de contenuLargeur recommandée de l'image
Alignement gauche ou droite, largeur de légende 1/3352 px max.
Alignement gauche ou droite, largeur de légende 1/2264 px max.
Alignement gauche ou droite, largeur de légende 2/3176 px max.
Alignement gauche ou droite, largeur de légende 3/4132 px max.

Tailles d'images pour les pages de renvoi

Les pages de renvoi 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 page de renvoi sur 100 %, les images peuvent s'afficher différemment selon la résolution de l'écran des visiteurs de votre page de renvoi. 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 page de renvoi.

Voici nos recommandations concernant la taille des images présentes dans les blocs de contenu Image, Carte-image et Image + légende de votre page de renvoi.

Image

Largeur de la pageLargeur recommandée de l'image
780px564px
960px924px
1224px924px
1332px1188px

Carte-image

Largeur de la pageParamètres du bloc de contenuLargeur recommandée de l'image
780 pxBord à bord744 px
780 pxNon bord à bord708 px
960 pxBord à bord924 px
960 pxNon bord à bord888 px
1224 pxBord à bord924 px
1224 pxNon bord à bord888 px
1332 pxBord à bord1188 px
1332 pxNon bord à bord1152 px

Image + légende

Largeur de la pageParamètres du bloc de contenuLargeur recommandée de l'image
780 pxAlignement gauche ou droite, largeur de légende 1/3515 px max.
780 pxAlignement gauche ou droite, largeur de légende 1/2363 px max.
780 pxAlignement gauche ou droite, largeur de légende 2/3211 px max.
780 pxAlignement gauche ou droite, largeur de légende 3/4173 px max.
960 pxAlignement gauche ou droite, largeur de légende 1/3642 px max.
960 pxAlignement gauche ou droite, largeur de légende 1/2453 px max.
960 pxAlignement gauche ou droite, largeur de légende 2/3265 px max.
960 pxAlignement gauche ou droite, largeur de légende 3/4218 px max.
1224 pxAlignement gauche ou droite, largeur de légende 1/3642 px max.
1224 pxAlignement gauche ou droite, largeur de légende 1/2453 px max.
1224 pxAlignement gauche ou droite, largeur de légende 2/3265 px max.
1224 pxAlignement gauche ou droite, largeur de légende 3/4218 px max.
1332 pxAlignement gauche ou droite, largeur de légende 1/3827 px max.
1332 pxAlignement gauche ou droite, largeur de légende 1/2585 px max.
1332 pxAlignement gauche ou droite, largeur de légende 2/3344 px max.
1332 pxAlignement gauche ou droite, largeur de légende 3/4284 px max.

Ajuster la largeur de page de renvoi

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

  1. Accédez à la page Campaigns (Campagnes) de votre compte.
  2. Cliquez sur le brouillon de page de renvoi sur lequel vous souhaitez travailler.
  3. Cliquez sur l'onglet Design (Conception).
  4. Cliquez sur Page.
  5. Dans la section Page Container Style (Style de la page) sélectionnez la largeur.
  6. Cliquez sur Save (Enregistrer).

Images d'arrière-plan sur les pages de renvoi

Les images d'arrière-plan de taille supérieure auront une apparence plus nette sur les grands écrans. Il est conseillé toutefois d'utiliser des images d'une largeur comprise entre 1500 et 2500 pixels. La hauteur recommandée des images dépend du volume de contenu présent sur votre page de renvoi. Il est à noter, cependant, que les images de taille supérieure peuvent ralentir votre page.


Cet article vous a-t-il été utile ?

Y a-t-il autre chose que nous puissions faire pour améliorer notre site?