Distorted pictures

Anonymous
Not applicable

Distorted pictures

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
Josh_Hill13
Level 10 - Champion Alumni

Re: Distorted pictures

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

Re: Distorted pictures

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

Re: Distorted pictures

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

Anonymous
Not applicable

Re: Distorted pictures

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

Re: Distorted pictures

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?