According to the definition from Wikipedia: a hero image is a large banner image, prominently placed on a web page, generally in the front and centre. In web design, a hero image is the first photo, graphic, illustration, or video people see in the above-the-fold zone of the webpage right below the website header. Hero image refers to a large web banner image, prominently placed on a web page, generally in the front and center. 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.