Hero image

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

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

30 Web Designs that Fully Embrace the Hero Image. In: line25.com. Abgerufen am 5. September 2016 (englisch).
5 Examples of Hero Banner Homepages That Increase Conversion. (Nicht mehr online verfügbar.) 26. September 2012, archiviert vom Original am 5. September 2016; abgerufen am 5. September 2016 (britisches Englisch).
Big is better. How to rock a hero image. (Nicht mehr online verfügbar.) 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“.).

Weblinks

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

Hero-Image-Webseite im SELFHTML-Wiki.

This article is issued from Wikipedia. The text is licensed under Creative Commons - Attribution - Sharealike. The authors of the article are listed here. Additional terms may apply for the media files, click on images to show image meta data.

[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. (Nicht mehr online verfügbar.) 26. September 2012, archiviert vom Original am 5. September 2016; abgerufen am 5. September 2016 (britisches Englisch).

[3] Big is better. How to rock a hero image. (Nicht mehr online verfügbar.) 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“.).