skip to primary navigation skip to content

GS1 hero image guideline

Mobile Ready Hero Images were first developed and adopted by Unilever in 2014, in collaboration with the Cambridge Engineering Design Centre.

Subsequently, retailers demanded that Mobile Ready Hero Images had to be consistent across images produced by many different suppliers, so during 2017 Unilever and Cambridge worked with GS1 to initiate one of their standards development processes to create guidelines for these new types of images.

Approximately 100 representatives from suppliers, retailers and solution providers joined together to form a working group that met regularly to develop the GS1 Mobile Ready Hero Image Guideline. The working group formally ratified the guidelines in April 2018, and the GS1 guideline was published in August 2018.

The GS1 guideline defines ‘How much of it is there’ (also known as Size) as one of the most important pieces of information that needs to be communicated (Read more). The guideline also presents two alternative methods for communicating size information:

  • Suppliers embed size information as pixels in the image, using a black square in the bottom right-hand corner of the image. This is described as an interim solution in the guidelines, but it is not described in enough detail to ensure that all suppliers present and format this information in a consistent manner.
  • Retailers display size information directly underneath the image, using plain text. This is described as the recommended solution. In this case, there is no need for any guidance on the presentation or formatting of this information, as it will be done in a consistent manner by the retailer.

These Cambridge guidelines aim to provide a clear and structured interpretation of the GS1 guideline. We believe any image that is compliant with our guidelines will also be compliant with the GS1 guideline. However, please note these Cambridge guidelines are not endorsed by GS1 or its membership.

The GS1 guideline describes an ‘interim’ solution, where size is embedded in the image in the bottom right-hand corner, and an ‘ideal’ solution, where size is positioned directly underneath the image. At the time of writing in June 2019, close to zero retailers around the world were displaying size directly underneath the image, so the Cambridge guidelines focus on the ‘interim’ solution, where size is embedded in the image in the bottom right-hand corner.

Nevertheless, displaying size directly underneath the image is encouraged, and hopefully this will become more common in the future.

The GS1 guideline for Mobile Ready Hero Images was published in August 2018.


We would welcome your feedback on this page:

Your name:

Your email:

I would like to receive the Inclusive Design Toolkit news bulletin. This bulletin showcases people’s achievements with inclusive design tools, and highlights new tools. It comes out once or twice a year.

I would be interested in contributing to the Inclusive Design Toolkit news bulletin.

I would like a FREE activation code for the Inclusive Design Toolkit's impairment simulator software.

Your comments:

Please leave this field blank (it's a spam trap):

Privacy policy. If your feedback comments warrant follow-up communication, we will send you an email using the details you have provided. Feedback comments are anonymized and then stored on our file server. If you select the option to receive or contribute to the news bulletin, we will store your name and email address on our file server for the purposes of managing your subscription. You can unsubscribe and have your details deleted at any time, by using our Unsubscribe form. If you select the option to receive an activation code, we will store your name and email address on our fileserver indefinitely. This information will only be used to contact you for the specific purpose that you have indicated; it will not be shared. We use this personal information with your consent, which you can withdraw at any time.

Read more about how we use your personal data. Any e-mails that are sent or received are stored on our mail server for up to 24 months.

Unless otherwise stated, all images are © Unilever and used with permission. Walkers is a trademark owned and designed by PepsiCo and used with permission.