Images IA pour une newsletter : en-tête, séparateur et pied de page dans un seul style

Un e-mail est l'endroit le plus strict où une image vivra jamais. L'application de messagerie du lecteur décide de la largeur, peut bloquer les images jusqu'à un appui, peut inverser vos couleurs en mode sombre et peut ne pas afficher votre police. Une image IA pour une newsletter se planifie donc à rebours, à partir de ces limites. Voici une liste de contrôle pour un ensemble de trois pièces, un en-tête, un séparateur et un visuel de pied de page, qui semblent faits de la même main.

Partez de la colonne, pas de l'image

La plupart des newsletters tiennent dans une seule colonne centrée d'environ 600 pixels de large, et c'est pour elle seule qu'il faut concevoir. Les téléphones la réduisent, et les clients de bureau la centrent dans un espace vide. Fixez d'abord la largeur de la colonne, puis déduisez-en les trois formats.

• En-tête : toute la largeur de la colonne, large et bas. Demandez un cadre large dans le sélecteur de format, puis recadrez la hauteur dans votre éditeur.
• Séparateur : toute la largeur, très fin. Aucun modèle ne dessine directement une bande aussi fine ; générez un cadre large et recadrez une bande mince dans la zone la plus calme.
• Visuel de pied de page : la même largeur que l'en-tête, un peu plus haut que le séparateur, pour que l'e-mail se termine sur une forme et non sur des mentions légales.

Générez à environ deux fois la largeur de la colonne et réduisez dans votre éditeur, pour que les images restent nettes sur les écrans de téléphone denses. Le studio produit des images jusqu'à 2K, ce qui dépasse ce qu'une colonne exige. Le guide des formats d'image explique pourquoi un cadre large vaut mieux qu'un carré recadré ensuite.

Gardez tous les mots hors de l'image

C'est la règle qui sauve la plupart des newsletters. Si le titre est intégré à l'image d'en-tête, les lecteurs dont l'application bloque les images voient une case vide, les lecteurs d'écran ne lisent rien, et une faute de frappe impose un nouveau rendu. Mettez le titre, la date et le bouton en texte réel, et n'utilisez l'image que comme arrière-plan.

Il est plus facile de poser du texte sur un en-tête si l'image comporte déjà une zone calme. Nommez-la dans le prompt, comme le montre l'article sur l'espace pour le texte, et placez le sujet du côté opposé. Ajoutez aussi un texte alternatif pour l'image, car certains lecteurs ne verront que cela. Une phrase courte et simple suffit ; l'article sur le texte alternatif donne le modèle.

Une palette, écrite dans les trois prompts

Trois rendus séparés dérivent l'un de l'autre si vous ne les fixez pas. Choisissez deux ou trois couleurs, nommez-les dans chaque prompt et gardez le même type de sujet et la même lumière. Dans l'exemple ci-dessus, ce sont le prune, le violet et le sable avec une douce lueur de lanternes. Le guide des palettes de couleurs montre comment les formuler pour que le modèle ne les échange pas.

Utilisez ensuite le premier en-tête validé comme référence pour le séparateur et le pied de page, en disant ce qu'il faut garder (la palette et la lumière) et ce qu'il faut changer (le sujet). L'article sur les images de référence détaille la méthode. Prenez le même modèle pour les trois ; Still est un bon choix par défaut à partir de €0.40 le rendu, et Still Lite à partir de €0.30 suffit pour tester des compositions avant la version finale.

Accordez l'image au fond de l'e-mail

Choisissez d'abord la couleur de fond de l'e-mail et faites en sorte que les bords de chaque image s'y fondent. Un en-tête qui s'arrête sur une ligne nette contre une page blanche ressemble à un rectangle collé. Une solution consiste à laisser l'image se fondre dans la couleur exacte de la page sur le bord inférieur ; une autre, à mettre la couleur de la page dans le prompt et à demander une douce vignette. Vérifiez le résultat dans votre outil d'e-mailing, pas seulement dans le studio.

Le mode sombre est le second test. Certaines applications inversent les fonds clairs, et une image au bord pâle peut finir avec un vilain halo. Une image au bord sombre ou de ton moyen résiste le mieux aux deux modes, ce qui est une bonne raison de garder la palette plutôt sombre.

Fichiers : à plat, petits et dans un format banal

Les applications de messagerie sont bien moins modernes que les navigateurs. Enregistrez chaque pièce en JPEG, ou en PNG si elle comporte des aplats, et évitez les formats récents dont la prise en charge est inégale. Visez un fichier assez léger pour que l'e-mail se charge d'un coup sur une mauvaise connexion mobile ; une image calme et peu détaillée se compresse bien mieux qu'une image chargée, et la zone calme laissée pour le titre aide aussi. Après compression, vérifiez en taille réelle les dégradés sombres et doux, où le banding apparaît en premier.

Ce que le studio ne peut pas faire ici

Il produit des images matricielles et ne construit pas l'e-mail : pas de HTML, pas de découpage, pas de mise à la largeur de votre colonne, pas de compression pour les messageries. Tout cela se fait dans votre éditeur ou votre outil de newsletter. Il ne dessine pas de séparateur ultra-fin en tant que tel, vous en recadrez donc un dans un rendu plus large. La sortie transparente n'existe que sur certains modèles, et pour l'e-mail le risque n'en vaut pas la peine, car les clients traitent de façon imprévisible un fichier transparent en mode sombre ; aplatissez plutôt le visuel sur une couleur unie. Et il ne peut pas promettre que trois rendus soient exactement identiques : une palette et une référence vous en rapprochent, alors étalonnez l'ensemble dans votre éditeur si votre marque exige des couleurs exactes.

Ouvrez le studio, générez d'abord l'en-tête et validez-le, puis créez le séparateur et le pied de page à partir de lui. Si le style ne convient pas, comparez les modèles d'image sur la page des modèles. Notre article sur les images d'en-tête de blog traite du même savoir-faire pour une page web, où les règles sont plus souples.