Distorted pictures

[Anonymous]

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.

[Josh_Hill13]

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?

[Anonymous]

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]

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.

[Anonymous]

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]

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?