The term hero image is used in many different professions; In web design, a hero image is a large web banner image, prominently placed on a web page, generally in the front and center. In retail and wholesale business the term hero image is used to describe an image of a product that showcases it outside of a lifestyle scenario.
The hero image is often the first visual element a visitor encounters on the site; it presents 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).
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 products or services.
- 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.