Qu’est-ce qu’une image hero de landing page ?
L’image hero d’une landing page est le grand visuel placé tout en haut, le premier que voit le visiteur. Elle donne le ton, met l’offre en scène et décide s’il fait défiler la page ou la quitte. Comme elle pèse lourd, une photo de banque d’images générique fait rarement l’affaire.
Avec Morphic, vous générez une image hero conçue pour votre page, au lieu d’en emprunter une à une bibliothèque. Décrivez la scène, l’ambiance et l’espace dont vous avez besoin pour le titre, puis générez des options dans votre navigateur. Affinez la meilleure et téléchargez-la en HD. Le résultat colle à votre message, pas à la photo disponible la plus proche.
Pensez la composition autour de votre texte
Une image hero partage le cadre avec un titre et un bouton. Décidez où se place le texte, puis imaginez le visuel de façon à garder cette zone dégagée. Demander de l’espace vide d’un côté de l’image garde votre titre lisible.
Décrivez la scène et l’ambiance
Dites à Morphic ce que l’image doit montrer et le ressenti voulu : lumineux et dynamique, calme et haut de gamme, ou affirmé et dramatique. Nommez le sujet, le décor et la lumière. Générez plusieurs pistes pour comparer les ambiances avant de choisir.
Affinez pour coller à la marque
Retouchez l’option retenue jusqu’à ce que les couleurs et le ton correspondent à votre marque. Ajustez la palette, la lumière ou le style pour que le hero fasse partie de votre site, et non un élément rapporté. Quand une piste est proche, restylez-la plutôt que de repartir de zéro.
Exportez aux formats dont votre page a besoin
Un hero demande en général une version large pour l’ordinateur et un recadrage plus haut pour le mobile. Adaptez l’image aux deux formats pour que le sujet reste cadré sur chaque écran, et téléchargez chacun en HD. Vérifiez que la zone de texte reste dégagée dans les deux cas.
Le même produit hero, avec un espace réservé au texte de chaque côté.
Ce qui fait une bonne image hero
| Critère | Ce que cela signifie | Pourquoi c’est important |
|---|---|---|
| Place pour le texte | Un espace dégagé pour le titre et le bouton | Votre message reste lisible sur l’image |
| Point focal clair | Un sujet sur lequel l’œil se pose en premier | Le visiteur comprend l’offre d’un coup d’œil |
| Ton fidèle à la marque | Couleurs et ambiance en accord avec le site | La page paraît pensée, pas assemblée |
| Cadrage adaptatif | Fonctionne sur écran large comme en hauteur | Le hero tient aussi bien sur ordinateur que sur mobile |
Morphic ou la banque d’images
| Morphic | Banques d’images | |
|---|---|---|
| Coût | Un seul outil dans le navigateur | Des licences à l’image qui s’additionnent |
| Temps | Un hero sur mesure en une session | Des heures de recherche pour une photo proche |
| Compétences | Rédiger un prompt clair | Savoir chercher, puis retoucher pour adapter |
| Adéquation au message | Générez exactement votre scène | Se contenter du résultat le plus proche |
Questions fréquentes
Demandez de l’espace vide du côté où se placera votre texte. Penser la composition autour du titre le garde lisible, au lieu de le faire lutter contre un fond chargé.
Prévoyez l’espace dans l’image, puis placez le titre en texte sur votre page, par-dessus le visuel. Il reste net sur tous les écrans, facile à modifier et lisible par les moteurs de recherche.
Oui. Affinez l’image générée jusqu’à ce que la palette et le ton collent à votre marque. Quand une piste est proche, ajustez les couleurs et la lumière plutôt que de repartir de zéro.
En général, oui. Exportez une version large pour l’ordinateur et un recadrage plus haut pour le mobile. Le sujet reste cadré et la zone de texte dégagée sur chaque écran.
Exportez en HD pour que l’image reste nette sur les grands écrans et les écrans haute densité. Partir d’une génération propre garde la qualité à toutes les tailles.
Oui. Les images hero créées avec Morphic sont à vous : vous pouvez les publier sur vos pages marketing et dans vos campagnes.