|
#REDIRECT [[Web banner#Other types]]
{{short description|Large graphic with a small amount of text, at the top of a page}}
{{More citations needed|date=October 2021}}
A '''hero image''' is a prominent image as part of a design.
{{Redirect category shell|
In web design, a hero image is a large [[web banner]] image, prominently placed on a web page, generally in the front and center.<ref name="30designs">Iggy (2017-07-16). 30 Web Designs that Fully Embrace the Hero Image. Line25, 16 July 2017. Retrieved from http://line25.com/articles/30-web-designs-that-fully-embrace-the-hero-image.</ref>
{{R to related topic}}
{{R with history}}
In retail and wholesale marketing, a hero image is an image of a product or service that is being advertised, generally portrayed outside everyday activities.
}}
==Usage==
The hero image is often the first visual element that a visitor encounters on the site. It is intended to present an overview of the site's most important content.
A hero image often consists of image and text, and it can be static or dynamic (e.g., a rotating list of images or topics). It can also be displayed via scripts with animations.
The content presented varies with the purpose of the site: it can be relevant news about the site, specific site-links, or—in the case of e-commerce—the best-selling or strategically placed (e.g. highest-margin, hence most profitable) products or services.{{fact|date=May 2020}}
==References==
{{reflist}}
==External links==
* [https://www.optimizely.com/optimization-glossary/hero-image/ Hero Image Style Guide] at [[Optimizely]]
[[Category:Web design]]
{{Web-stub}}
| 