In web design, a hero is a large web banner image, prominently placed on a web page, generally in the front and center. [1] [2] The hero image is often the first visual visitor on the site; it presents an overview of the site’s most important content. A hero image often consists of image and text, and can be static or dynamic (eg a rotating list of images and / or topics).

The content presented varies with the purpose of the site, specific site-links, or – in the case of e-commerce – the best-selling or strategically placed products or services.


  1. Jump up^ 30 Web Designs That Fully Embrace the Hero Image
  2. Jump up^ 5 Examples of Hero Banner Homepages That Increase Conversion