Images presented on iPhone are spanning the entire width and do not appear to be responsive. Works on other platforms and other form factors (desktop, iPad, Mail, Outlook). I have adjusted the padding, image sizing in template, doesn’t seem to make a difference.
anyone else have this problem? Could it be the image type?
Hi there! iPhone email rendering can definitely be tricky. A few things to check:
Image width settings: In your email template, make sure your images have max-width: 100% and height: auto set in the inline styles. iPhones can sometimes ignore CSS from the head section, so inline styling is important. Also ensure the image itself doesn’t have a fixed width larger than the container.
Container width: Check if your main email container has a max-width set (typically 600px). If the container is too wide or not constrained, iPhone mail clients may not scale it properly.
Image file type: While file type (JPG, PNG, etc.) usually isn’t the issue, extremely large file dimensions can cause rendering problems. If your source image is, say, 2000px wide, try resizing it to 600-800px wide before uploading, even if you’re setting display dimensions in the template.
iPhone-specific quirk: iPhones sometimes apply their own styling that overrides email CSS. Try adding style="max-width: 100%; height: auto; display: block;" directly in your <img> tag.
If you have done all of these checks and are still running into the compression issue, I would reach out to our support team so they can check your account for any bugs!