Distorted pictures

Anonymous
Not applicable

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.

5 REPLIES 5
Anonymous
Not applicable

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
Level 9

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?

Ravi_Ansal2
Level 6

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.

pastedImage_0.png

Josh_Hill13
Level 10 - Champion Alumni

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
Not applicable

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.