Nystrel
Connexion Commencer gratuitement
Flux de travail

Images d'en-tête de blog qui laissent de l'espace pour le titre

The same desk recomposed so the notebook and cup sit in the lower left and the top right of the frame is empty.

Un en-tête de blog a une mission que la plupart des belles images échouent à accomplir : il doit porter un titre. Placez le sujet au centre d’un cadre 16:9 et il n’y a pas d’espace pour le titre sans qu’il ne soit superposé à quelque chose.

La question utile n’est donc pas « ce qui est beau ». C’est « où va le texte, et cette zone est-elle assez calme pour être lue ? ».

Construisez-le, simplifiez-le, puis déplacez-le

Tour 1 — obtenez la scène

Photographie aérienne large d'un bureau en bois rangé : un carnet ouvert, un stylo, une tasse à café en céramique et le bord d'un ordinateur portable, tons neutres, lumière du jour douce

Vue aérienne d'un bureau en bois avec un carnet ouvert, un stylo, une tasse à café et le bord d'un ordinateur portable.
Tour 1 — une belle photographie et un en-tête inutile.

Un bureau parfaitement correct qui ressemble à une image de banque d’images. En tant qu’en-tête, il est inutilisable : les objets occupent tout le cadre et chaque partie de l’image s’affronte pour capter l’attention.

Tour 2 — retirez des éléments

Simplifiez-le — retirez l'ordinateur portable et le stylo, laissez plus de bureau vide

Le même bureau avec l'ordinateur portable et le stylo retirés, laissant le carnet, la tasse et plus de bois vide.
Tour 2 — la suppression est l’instruction la moins utilisée.

La suppression est l’instruction la moins utilisée dans le traitement d’image. Notez qu’elle est formulée comme une modification — retirez l’ordinateur portable — qui n’a de sens que parce que le modèle peut voir la frame précédente. Rédigée comme un nouveau prompt, « un bureau sans ordinateur portable » est une phrase étrange qui génère souvent un bureau avec un ordinateur portable.

Tour 3 — libérez le coin dont vous avez besoin

Déplacez tout vers le bas à gauche et laissez le haut à droite vide

Le même bureau recomposé pour que le carnet et la tasse soient dans le coin inférieur gauche et que le coin supérieur droit du cadre soit vide.
Tour 3 — un coin libéré pour le titre.

Maintenant, il y a une place pour le titre. Faites ceci en dernier : simplifier après avoir repositionné annule la composition que vous venez de créer.

Ne faites pas fondre le texte dans l’image

Les modèles d’images modernes peuvent générer du texte correctement — nous l’avons testé séparément et cela a tenu. Vous devriez tout de même garder votre titre hors de l’image, pour trois raisons qui n’ont rien à voir avec la capacité du modèle à épeler :

  • Vous allez changer le titre. Le texte est réécrit après validation de l’image, à chaque fois.
  • L’image est réutilisée. Le même en-tête finit sur la carte sociale, la newsletter et la page de catégorie, chacune voulant des mots différents.
  • Le texte figé ne peut pas être traduit. Si votre site fonctionne dans plusieurs langues, un titre gravé dans une image n’existe que dans l’une d’entre elles. Ce site fonctionne dans sept langues ; chaque mot que vous lisez est du texte dynamique pour cette raison précise.

Créez l’espace. Placez les mots au-dessus, en HTML ou dans votre outil de design.

Ce que le modèle ne sait pas

Il ne connaît pas votre marque. Ni votre police, ni votre palette, ni le fait que vos titres soient toujours alignés à gauche à 72px. Il produit une photographie, pas une mise en page, et c’est à vous de combler cet écart.

Deux conséquences pratiques :

  1. Vérifiez le contraste là où le texte sera réellement placé. « Vide » n’est pas la même chose que « calme ». Une zone vide au grain de bois clair affrontera toujours le texte blanc. Si c’est le cas, demandez que cette zone soit plus sombre, ou ajoutez un masque en CSS — souvent, le masque est la réponse honnête.
  2. Définissez le cadre avant de générer. Le rapport d’aspect est verrouillé pour toute la conversation, délibérément, afin qu’un tour ultérieur ne puisse pas redéfinir le cadre de ce que vous avez construit. Si vous avez besoin d’un en-tête 16:9 et d’une carte sociale 1:1, ce sont deux conversations, pas une image recadrée deux fois.

Une courte liste de contrôle

  1. Décrivez la scène une seule fois, en détail.
  2. Supprimez des éléments jusqu’à ce que ce soit trop vide.
  3. Poussez le sujet sur le côté et nommez la zone que vous souhaitez dégager.
  4. Placez votre véritable titre au-dessus et lisez-le à la largeur mobile avant de valider.

Commencez avec 300 crédits offerts — sans carte bancaire

À lire aussi