Hero image

From Wikipedia, the free encyclopedia
Jump to navigation Jump to search

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.[1] 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.[citation needed]


  1. ^ 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.

External links[edit]