Distorted pictures | Community
Skip to main content
A
Anonymous
May 10, 2016
Question

Distorted pictures

  • May 10, 2016
  • 3 replies
  • 2369 views

When I check the test email on my phone, the picture is completely distorted. Can someone tell me why and what can I do to fix it? I will add that the pic is only distorted on my phone and not my desktop.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

3 replies

Josh_Hill13
Josh_Hill13
Level 10
May 12, 2016

Please provide information on the phone, browser, and a screenshot. Does the file look normal on the desktop? Is the email responsive or mobile friendly?

A
Anonymous
May 12, 2016

I'm using my iphone, but want it to fix across all devices. Right now it only looks normal on a desktop. Not sure it's responsive or mobile friendly.

Ravi_Ansal2
Ravi_Ansal2
Level 5
May 13, 2016

Hi Leslie,

You need to create a responsive email template that will render of every device( but still few mail servers still have issues). Below are few mentions where @media quires will work or not. For other Platforms try creating a fluid design. I would suggest you to focus on the high level Email Clients such as Iphone, Gmail App & Outlook App.

Hope it clears a bit of your issue.

A
Anonymous
May 13, 2016

In addition to the responsive comments above, I will add that in some clients/devices images can be distorted if you have only 1 defined dimension. For example, if you have an <img width="300px" ...> This may scale it proportionally in some clients, but without also defining the height, other clients will only scale the width and the native height will be inherited.

Andy_Varshneya1
Andy_Varshneya1
Level 7
May 13, 2016

Seconding this. My guess is that the height is hardcoded to a certain value while the width is fluid and set to a percentage.

Leslie Gaynor​, could you share the HTML code for the email please?

Terms & ConditionsAccessibility statement

Loading footer...