In web design a “hero image” is a term that is applied to a big eye-catching image that is usually seen in the above-the-fold zone of the web page and right below the website header. The hero image usually takes almost all pre-scroll full-width space on the page with the other layout elements (call-to-action button, text, etc.) located in the header and on or around the hero im ...