Was ist ein Hero-Bild für eine Landingpage?
Ein Hero-Bild ist das große Bild am Anfang einer Landingpage, das Besucher als Erstes sehen. Es gibt die Stimmung vor, rahmt das Angebot und entscheidet, ob jemand weiterscrollt. Weil es so viel trägt, leisten generische Stockfotos hier selten gute Arbeit.
Mit Morphic erzeugen Sie ein Hero-Bild, das für Ihre Seite gebaut ist, statt eines aus der Bibliothek. Beschreiben Sie Szene, Stimmung und den Platz für die Headline. Erzeugen Sie Varianten im Browser, verfeinern Sie die passende und laden Sie sie in HD herunter. Das Ergebnis passt zu Ihrer Botschaft und nicht zum nächstbesten Foto.
Die Komposition um den Text herum planen
Das Hero-Bild teilt sich den Rahmen mit Headline und Button. Entscheiden Sie zuerst, wo der Text steht, und planen Sie das Bild so, dass diese Fläche ruhig bleibt. Mit freiem Raum auf einer Bildseite bleibt die Headline lesbar.
Szene und Stimmung beschreiben
Sagen Sie Morphic, was das Bild zeigen und wie es wirken soll: hell und energiegeladen, ruhig und hochwertig oder markant und dramatisch. Nennen Sie Motiv, Umgebung und Licht. Erzeugen Sie mehrere Richtungen, damit Sie die Stimmungen vergleichen können, bevor Sie sich festlegen.
Für die Marke nachschärfen
Verfeinern Sie die beste Variante, bis Farben und Ton zu Ihrer Marke passen. Justieren Sie Palette, Licht oder Styling, damit das Hero-Bild zu Ihrer Website gehört und nicht wie ein Fremdkörper wirkt. Liegt eine Richtung nah dran, stylen Sie sie um, statt neu anzufangen.
In den Größen exportieren, die Ihre Seite braucht
Ein Hero-Bild braucht meist eine breite Desktop-Version und einen höheren Zuschnitt für das Smartphone. Passen Sie das Bild an beide Seitenverhältnisse an, damit das Motiv auf jedem Bildschirm im Rahmen bleibt. Laden Sie beide in HD herunter und prüfen Sie, dass die Textfläche in beiden frei bleibt. Komprimieren Sie die Dateien vor dem Einbau, damit die Ladezeit niedrig bleibt.
Dasselbe Produkt-Hero mit textsicherem Platz auf gegenüberliegenden Seiten.
Was ein gutes Hero-Bild ausmacht
| Qualität | Was das bedeutet | Warum es wichtig ist |
|---|---|---|
| Platz für den Text | Freie Fläche für Headline und Button | Ihre Botschaft bleibt über dem Bild lesbar |
| Klarer Blickpunkt | Ein Motiv, auf das der Blick zuerst fällt | Besucher erfassen das Angebot auf einen Blick |
| Passender Markenton | Farben und Stimmung passen zur Website | Die Seite wirkt durchdacht und nicht zusammengestückelt |
| Flexible Ausschnitte | Funktioniert auf breiten und hohen Bildschirmen | Das Hero-Bild überzeugt auf Desktop und Smartphone |
Morphic im Vergleich zu Stockfotos
| Morphic | Stockfoto-Bibliotheken | |
|---|---|---|
| Kosten | Ein Tool im Browser | Lizenzen pro Bild, die sich summieren |
| Zeit | Ein individuelles Hero-Bild in einer Browser-Sitzung | Stundenlange Suche nach einem passenden Treffer |
| Vorkenntnisse | Einen klaren Prompt schreiben | Suchroutine plus Bearbeitung, damit es passt |
| Passgenauigkeit zur Botschaft | Genau Ihre Szene erzeugen | Kompromiss beim nächstbesten Stockbild |
Häufig gestellte Fragen
Bitten Sie um freien Raum auf der Seite, auf der der Text stehen soll. Wenn Sie die Komposition um den Text herum planen, bleibt die Headline lesbar und kämpft nicht gegen einen unruhigen Hintergrund.
Ja. Hero-Bilder, die Sie mit Morphic erstellen, können Sie auf Ihren Marketingseiten und in Kampagnen veröffentlichen.
Das hängt vom Einsatz ab und kann sich ändern, etwa bei Werbung oder bei Bildern, die echte Personen vortäuschen. Prüfen Sie die aktuelle Rechtslage für Ihren Fall, und fragen Sie im Zweifel Ihre Rechtsberatung.
Ja. Verfeinern Sie das generierte Bild, bis Palette und Ton zu Ihrer Marke passen. Justieren Sie Farben und Licht, statt neu zu beginnen, wenn eine Richtung nah dran ist.
Exportieren Sie in HD, damit das Bild auch auf großen Displays und bei hoher Pixeldichte scharf bleibt. Eine saubere Generierung als Ausgangspunkt hält die Qualität über alle Größen hoch.
Bei Stockfotos müssen Sie das nächstbeste Foto nehmen. Wenn Sie das Bild selbst erzeugen, passen Szene, Stimmung und Ausschnitt genau zu Ihrem Angebot.