Optimiser les images de vos publications et communications automatiques ?

Benjamin Hurtado

26 août 2024 07:51

Vous souhaitez améliorer l'affichage de vos images sur vos communications automatisées et vos publications, voici un guide et un gabarit qui vous aideront à maximiser l'impact de vos communications.

Le guide

Pour un affichage optimal, deux choix s'offrent à vous :

le format carré (1:1)

Une image 1:1 sera pertinente si vous souhaitez mettre en avant un texte, un logo ou tout autre graphisme court et impactant.

Afin de garantir une qualité et une lisibilité optimale, nous vous recommandons de suivre les indications suivantes :

Taille minimum de 360px au rapport 1:1
Votre contenu principal (titre, phrase d'accroche, logo,..) doit être centré au milieu de l'image
Votre contenu principal (titre, phrase d'accroche, logo,..) doit mesurer au maximum 40% de la hauteur total de votre image
Votre contenu principal (titre, phrase d'accroche, logo,..) doit mesurer au maximum 80% - 90% de la largeur total de votre image
La suppression du canal alpha est supportée, mais n'est pas recommandée

Le format 2:1 (recommandé)

Une image 2:1 est recommandée si vous souhaitez mettre en avant un graphisme plus visuel avec un texte simple en son milieu.

Nous vous recommandons de suivre les conseils suivant pour une qualité et une lisibilité optimale :

Taille minimum de 720/360 px
Votre contenu textuel doit être centré au milieu de l'image
Il doit y avoir au minimum un espace égal à 13% de la hauteur de votre image au-dessus et en dessous de votre contenu principal (titre, phrase d'accroche, logo,..)
Il doit y avoir au minimum un espace égal à 48% de la largeur de votre image à gauche et à droite de votre contenu principal (titre, phrase d'accroche, logo,..)
La suppression du canal alpha est supportée, mais n'est pas recommandée

Recommandations générales complémentaires

Nous vous conseillons de :

Prendre en compte le contraste entre votre image / couleur de fond et votre texte. Le contraste minimal est de 5:1.
Si vous souhaitez tout de même utiliser par exemple un texte blanc sur un fond lumineux, pensez à utiliser un overlay transparent et flouté pour compenser.
Vérifier la hiérarchie de vos informations. Une bonne communication est une communication concise et facile à lire. Mettez toujours un titre en avant et une phrase d'accroche ou courte description plus petite.
Éviter d'avoir plusieurs textes avec la même taille ou la même couleur. Une règle simple à suivre est de toujours avoir au moins une variation entre deux textes d'importance différente. Cela peut être la graisse, la taille ou la couleur.

Le gabarit

La zone orange inférieure : S'affiche sur la page d'accueil (risque d'être chevauchée par les informations une fois la publication ouverte).
La zone claire au milieu : C'est la zone commune à la page d'accueil et une dans le contenu de la publication, une fois celle-ci ouverte. Vous pouvez placer ici les informations les plus importantes.
La zone verte supérieure : Elle va s'afficher une fois la publication ouverte.
La grande zone grise : C'est l'image de fond. Elle va s'afficher tronquée. Ne pas mettre de texte dans cette zone.