Can't get image link to appear

[hollyeperret]

Hello,

I am using Dreamweaver to create a basic HTML email for my organization. Unfortunately, I must use Outlook to send my emails, so I have been using the developer tab and macros to insert an html file into the outlook email.

I tested the functionality with an html template that I downloaded from the web. I loaded it into Dreamweaver, it all displayed properly, and saved it. Then loaded it into Outlook. All pictures work and display correctly.

However, when I replace one of the images with an image of my own on the web, it does not display the image in the email. I have linked to this image on other webpages and it displays just fine.

Here is the code from the original email, with the image that is working:

<td valign="top" style="padding:0" bgcolor="#ffffff">

  <a href="#"><img  class="deviceWidth" src="https://www.emailonacid.com/images/blog_images/Emailology/2013/free_template_1/headliner.jpg" alt="" border="0" style="display: block; border-radius: 4px;" /></a>

  </td>

Here is the code from the new email, with the image replaced but not working:

<td valign="top" style="padding:0" bgcolor="#ffffff">

  <a href="#"><img src="http://i.imgur.com/mqMiCyL.png" alt="" width="580"  class="deviceWidth" style="display: block; border-radius: 4px;" border="0" /></a>

  </td>

When I load the first one, it appears correctly. When I load the second one, the image does not show. I cannot for the life of me figure out what I am doing incorrectly.

I have the same problem if I use a starter template from Dreamweaver. If I add the image from the first code, it works in outlook. If I add the one from imgur it does not work.

Any thoughts?

TIA

[Jon Fritz]

The image you're linking to on imgur is pretty large, 2500 pixels wide, it could be the physical size is causing an issue.

I suppose it might be a .jpg vs .png issue too. I only ever use jpg or gif in html emails. I'm not sure if outlook has issues with that or not. It might be worth testing.

Either way, images in Outlook rarely ever load for anyone using the default security setting or higher, so just a reminder to make sure your email makes sense if/when they don't load.

[hollyeperret]

I'll try a smaller image and save it as a jpg. Perhaps that is the problem. I was specifying a size but I didn't actually go change it.

Thanks for the tip about the security settings. I know some images wont display. This is for our email banner but I don't intend to make it too image heavy. Most people will be opening this from their computer but I will certainly keep that in mind.

[hollyeperret]

Unfortunately, even doing a small thumbnail doesnt work.

[hollyeperret]

I've had a curious thing happen now.

I added the a href tag straight from imgur and in dreamweaver it now shows both images, the one I linked in my original comment and the one with the a href tag. When I load that in outlook it still doesn't work. Then I tried to just insert an image off my harddrive and I placed it in between the two links. That image does not display in outlook either.

BUT

With that image in place the original imgur link DOES display. It goes away if I remove the image I inserted or the one with the a href tag. But stays if I have both of them in there. I'm completely confused by this.

Here is the code. Can anyone make sense of this?

<tr>

                <td class="full-width-image"><a href="http://imgur.com/mqMiCyL"><img src="http://i.imgur.com/mqMiCyL.png" width="600" title="source: imgur.com" /><img src="SI BI Icons-09.png" width="600" height="600" alt=""/><img src="http://i.imgur.com/mqMiCyL.png" alt="alt_text" width="600" height="300" style="width: 100%; max-width: 600px; height: auto;" border="0" align="center"></a></td>

              </tr>

[Jon Fritz]

Could be an html error somewhere in your page that's confusing the rendering engine.

Make sure to validate your code, specifically look for structural errors (missing tags, missing quotes, etc). You don't have to worry about the "obsolete attribute errors" since it's an html email.

[hollyeperret]

The thing is that I am using the starter template from Dreamweaver and the only thing I changed was that image. But I will look it over.

[Nancy OShea]

If I had to use Outlook to send emails, I'd go out of my flipping mind.

Can't you send emails from your server or a bulk email service like MailChimp?

Nancy

[hollyeperret]

I wish I could! I don't have access to distribution lists. I create the emails and send them to the marketing team to distribute. I was hoping to have a bit of additional flexibility by using an HTML editor to create them. But I'm on a deadline so I will have to troubleshoot this later and stick with my usual outlook emails, which I have become really good at. They are definitely infuriating though.