Bulk Email Glitch

Tech support for questions that don't fit the other forums.

Bulk Email Glitch

Postby jermomonty » Wed Sep 07, 2011 11:39 am

in MS Outlook 2010, the images come through as HUGE - yet I see that in Google Chrome that they look fine.

So, for all of the Outlook users, my concern is that this email doesn't look right. The .html programming looks accurate.

What's the fix for it?
... my attempts to eliminate the issues were by deleting various images/columns.
jermomonty
 
Posts: 7
Joined: Wed Jul 06, 2011 7:57 am
 

Bulk Email Images Huge in MS Outlook

Postby Vanessa » Wed Sep 07, 2011 11:50 am

Hi Jeremy,

When I look at the source code from the email you forwarded, the code for the Volunteer button looks like this:

Code: Select all
<img border=3D"0" id=3D"_x0000_i1026" src=3D"http://www=
.gphabitat.org/sites/www.gphabitat.org/files/images/volunteer.png" alt=3D"V=
olunteer">


Lots of goop, I know. Microsoft adds all this MS Word formatting - which is....yucky....but look at the <img> tag -- the height and width settings have been stripped from the code. :-(

So...what the images are doing is defaulting to their original size instead of respecting your height/width adjustments. When you format the image via the Image Properties dialog box, CKEditor writes the height/width attributes as a part of the "style" code:

Code: Select all
<img alt="Volunteer" src="http://www.gphabitat.org/sites/www.gphabitat.org/files/images/volunteer.png" style="border-bottom: 0px solid; border-left: 0px solid; width: 197px; height: 72px; border-top: 0px solid; border-right: 0px solid" />


Outlook is stripping the style code and using it's own formatting engine, so it's eliminating those settings.

Here's what you'll need to do.

  1. Use Image Optimizer (http://www.imageoptimizer.net/Pages/Home.aspx) to resize your images to the 197 x 72 (or whatever you've chosen)
  2. Rename the files so you don't overwrite the large ones that you're using on the site.
  3. Upload via Drupal to your sites/www.gphabitat.org/files/images/ folder.
  4. Replace the existing images in the template with the newly resized images.

You should be good to go!

Best,
Vanessa
Vanessa
Site Admin
 
Posts: 122
Joined: Tue Feb 15, 2011 8:15 pm
Location: GingerFeet LLC
 
 

Return to Technical Support & Troubleshooting

Who is online

Users browsing this forum: No registered users and 1 guest

cron