Hero image

aus Wikipedia, der freien Enzyklopädie
Zur Navigation springen Zur Suche springen

Hero image (engl. wörtlich „Heldenbild“) ist ein Webdesign-Fachbegriff für eine besondere Art von Web-Banner. Ein Hero image ist ein großes Banner-Bild, das auffällig (an bevorzugtem Platz) auf der Web-Seite platziert ist, meistens am Anfang und zentriert und die ganze Bildschirmbreite einnehmend.[1][2]

Das Hero image ist oft das erste, was ein Besucher auf einer Website sieht, und sein Zweck ist es, einen Überblick über den wichtigsten Inhalt der Site zu geben.[3] Je nach Charakter der Website hat das Hero image einen anderen Inhalt: Es kann beispielsweise auf Neuigkeiten über die Site hinweisen, Bestseller einer kommerziellen Site präsentieren oder dort mit einem besonderen Service werben.

Ein Hero image vereint oft Bild und Text, es kann gleich bleiben (statisches hero image), es kann auch verändert oder ausgetauscht werden (dynamisches hero image).

Dynamische Hero images[Bearbeiten | Quelltext bearbeiten]

Oft werden rotierende Diashows eingesetzt, sie werden im Englischen als „hero image slider“ oder kurz als „hero slider“ bezeichnet. „Slider“ ist das englische Wort für „Schieber“, gemeint ist, dass nacheinander verschiedene Bilder anscheinend auf den Bildschirm geschoben werden.

Einzelnachweise[Bearbeiten | Quelltext bearbeiten]

  1. 30 Web Designs that Fully Embrace the Hero Image. In: line25.com. Abgerufen am 5. September 2016 (englisch).
  2. 5 Examples of Hero Banner Homepages That Increase Conversion. 26. September 2012, archiviert vom Original am 5. September 2016; abgerufen am 5. September 2016 (britisches Englisch). i Info: Der Archivlink wurde automatisch eingesetzt und noch nicht geprüft. Bitte prüfe den Link gemäß Anleitung und entferne dann diesen Hinweis.@1@2Vorlage:Webachiv/IABot/www.dbi.io
  3. Big is better. How to rock a hero image. In: istockphoto.com. Archiviert vom Original am 13. September 2016; abgerufen am 5. September 2016 (englisch, Beitrag für den Juni 2010 in der monatlichen Kolumne „Feast“.). i Info: Der Archivlink wurde automatisch eingesetzt und noch nicht geprüft. Bitte prüfe den Link gemäß Anleitung und entferne dann diesen Hinweis.@1@2Vorlage:Webachiv/IABot/www.istockphoto.com

Weblinks[Bearbeiten | Quelltext bearbeiten]

 Wiktionary: hero – Bedeutungserklärungen, Wortherkunft, Synonyme, Übersetzungen