Misplaced Pages

This is an old revision of this page, as edited by Macrakis (talk | contribs) at 19:06, 6 February 2022 (WP:REFERS). The present address (URL) is a permanent link to this revision, which may differ significantly from the current revision.

This article needs additional citations for verification. Please help improve this article by adding citations to reliable sources. Unsourced material may be challenged and removed. Find sources: "Hero image" – news · newspapers · books · scholar · JSTOR (October 2021) (Learn how and when to remove this message)

A hero image is a prominent image as part of a design.

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 the retail and wholesale marketing, a hero image is an image of a product or service that is being advertised, and that generally falls beyond the everyday lifestyle scenario.

Usage

The hero image is often the first visual element that a visitor encounters on the site. It is intended to present 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). It can also be displayed via scripts with animations.

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 (e.g. highest-margin, hence most profitable) products or services.

References

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

• Hero Image Style Guide at Optimizely

This World Wide Web–related article is a stub. You can help Misplaced Pages by expanding it.

• v
• t
• e

• Web design
• World Wide Web stubs