Email 2.0 Hero Images Duplicating | Community
Skip to main content
Kim_Gandy1
Level 6
February 9, 2017
Solved

Email 2.0 Hero Images Duplicating

  • February 9, 2017
  • 3 replies
  • 4520 views

When using the recommended dimensions for hero images, I'm noticing images will duplicate to fit the space given in mobile responsive emails or various email clients.

What should I be doing to avoid this duplication?

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Grégoire_Miche2

Hi Kim,

This will always happen if your image height is not sufficient to cover the hero zone. ON mobile devices, the hero zone height will be higher than on desktop. if the image height is not sufficient, the email client will duplicate it.

I also have observed issues if you use 300dpi images instead of the recommended 72dpi.

-Greg

3 replies

Kim_Gandy1
Level 6
February 9, 2017

UPDATE: If you only use one text box (header or subheader text) in the hero section and keep text to one line, the duplication will not occur.

Jessie_Coluccio
Level 2
February 27, 2019

Thanks so much Kim this advice really helped!

Grégoire_Miche2
Grégoire_Miche2Accepted solution
Level 10
February 9, 2017

Hi Kim,

This will always happen if your image height is not sufficient to cover the hero zone. ON mobile devices, the hero zone height will be higher than on desktop. if the image height is not sufficient, the email client will duplicate it.

I also have observed issues if you use 300dpi images instead of the recommended 72dpi.

-Greg

Kim_Gandy1
Level 6
February 9, 2017

Where can I find image dimensions for hero zone in all starter templates?

Grégoire_Miche2
Level 10
February 10, 2017

Hi Kim,

Usually, it's watermarked on the placeholder images provided with the templates.

-Greg

Amit_Jain
Community Advisor
Community Advisor
March 10, 2019

Assuming that you are using background image in the email. Try adding "background-size: cover;" css properly. It should solve the duplication issue.

BTW, It's not recommended to use background images in the emails. It can create some issue especially with outlook.

Regards,

Amit