How Do I Make My Email Images to Appear 100 of the Time?

[Anonymous]

Hi,

My images look great in the designer, and previewer, and even in some of my test email accounts. But then in other email accounts they don't show up at all.

Last week I could not see the images in Gmail, but my coworkers could see them in their gmail accounts. Now this week, none of us can see them in gmail. The images are appearing in other email accounts like yahoo, for example, but in past weeks, they were not showing up here either. It seems to be hit or miss depending on the email account, and the given day. Any suggestions?

[Michelle_Tizian]

I'm just wondering if  it's because the email application is  blocking the  images from loading until the user clicks on show images.

I have the images turned off on gmail and it becomes visible when I turn it on. Or the image tag on the html code is wrong.  

[Anonymous]

Thanks for this suggestion, Michelle. I have my Gmail set up to always allow images from the send address though, so clicking to approve the images is not an option, and sometimes they do show up.  Is it because the image is in the .bmp format?

If it is something in the code, any suggestions as to what it could be?

<p><a title="Read it" href="http://LINK-TO-AN-ARTICLE"><img src="http://www.OUR-DOMAIN/images/email_images/general case study1.bmp" alt="Read The Case Study" width="200" height="200" align="right" />

Instead of seeing an image, I see "Read the Case Study".

[Michelle_Tizian]

Hi Amy,

That could be the problem where it's the .bmp file format. I usually use image or graphic files in jpeg or gif files.  I've used png files too, but I've had some issues with it.  I've also seen funny things happen when I upload files to design studio from our server. 

[Anonymous · Accepted solution]

I would stick to .jpg or .gif images.  I would also remove any spaces from your files names, use hyphens or underscores instead.

Also... and this may be because that is just example HTML above, but you did not close either of your <a> or <p> tags.

[Anonymous]

I tried switching to .jpg first and that didn't work.... but then when I removed the space from the file name, that did the trick. I'll stick with .jpg in the future to be safe. Glad this was a simple fix. Thank you both for your help!

[Colin_Ryder]

Amy, glad you sorted it.

Just as an FYI, definitely make sure you do not put spaces in the name of your file path as different browsers may interprete this differently (some will put %20 in the gap to make the link work, some don't) and as Kenny/Michelle both mentioned bmp is not the way to go - I'd personally use .jpg or .gif all day.

I'd suggest using a hyphen or an underscore if you want to break the name of the image up... (example below)

src="http://www.OUR-DOMAIN/images/email_images/general_case_study1.bmp" etc

HTH

[Anonymous]

Hello,

I am using a Marketo email template and while the images I've added to the template are showing up fine, the template images do not show up in Outlook (they do in gmail). The image settings in both email providers are turned on to allow images.

Is there something I'm missing?