Overview
Some users may notice that images appear correctly aligned in the AdvisorStream email editor but display differently when viewed in actual inboxes, such as Outlook, Gmail, or Apple Mail. This behavior is common because various email clients render HTML emails differently.
This article outlines practical steps to improve consistency across platforms and ensure your images display as intended.
Common Symptoms
Images appear correctly in the AdvisorStream preview but shift or misalign in Outlook or Gmail.
Email formatting “explodes” or breaks once images are loaded in certain email programs.
Photos fail to load correctly on mobile devices (iPhone/iPad).
Root Cause
Each email client (Outlook, Gmail, Apple Mail, etc.) interprets HTML and CSS slightly differently. When are copied, resized, or positioned using wrapped text or complex layouts, formatting inconsistencies may occur once the email is delivered.
Best Practices for Image Consistency
1. Upload Images Directly
Do not copy or paste images from programs such as Microsoft Word or Outlook.
Upload your images directly into AdvisorStream to preserve formatting integrity.
2. Use the Recommended Image Size
Optimal image width: approximately 600 pixels.
Resize images prior to uploading to ensure they display properly across all devices.
3. Keep Layouts Simple
Avoid wrapping text around images or using multi-column layouts.
For best results, use one image per row.
4. Send a Test Email
The in-platform preview replicates a browser view, not every inbox view.
Always send a test email to verify how it appears in Gmail, Outlook, and mobile clients.
5. Template Selection
For email designs containing multiple images, avoid two-column templates.
Opt for single-column templates to prevent alignment issues.
Additional Recommendations
Test on both desktop and mobile devices to confirm image placement and clarity.
If issues persist, clear browser cache or reupload images rather than reusing existing links.
Contact AdvisorStream Support for template-specific guidance if discrepancies continue after following these best practices.
Summary
Following these steps will help keep email images aligned, properly sized, and professional-looking across different inboxes. Minor variations between email clients may still occur, but applying the above recommendations minimizes inconsistencies.
Comments
0 comments