Hero image

Short description: Large graphic with a small amount of text, at the top of a page

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.

Usage

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.

External links

• Hero Image Style Guide at Optimizely