SOLVED

images not showing up in emails

Go to solution
Courtney_Siegel
Level 1

My images in emails are no longer loading.  I've tried gmail, yahoo mail and chrome safari browsers yet the images are still not rendering.  I've also tried different internets in case it was a firewall issue.  I've cleared my cache, enabled images to show in chrome but still nothing.  Any suggestions? 

 

When I look in the console this is the error i get: Failed to load resource: the server responded with a status of 404 ()

 

Any ideas?

1 ACCEPTED SOLUTION
Katja_Keesom
Level 10 - Community Advisor + Adobe Champion

You include https in front of the url, but it looks like you don't have an SSL certificate implemented. The first image shows just fine with this links:

http://leap.yotpo.com/rs/828-GCW-581/images/partnernlheader.png

Your second link is not ever going to work with all those spaces in there. Again, replacing https with http and taking into account the spaces, you image loads based on this url:

http://leap.yotpo.com/rs/828-GCW-581/images/smb%20loyalty%20video%20banner%20%281%29.png

View solution in original post

11 REPLIES 11
SanfordWhiteman
Level 10 - Community Moderator

We need more info than this — namely the exact URL that’s not loading (the Console will also tell you this).

Jasbir_Kaur
Level 5

Hi @Courtney_Siegel 

 

Please check the exact URL of the images and 404 Not Found client error response code indicates that the server can not find requested resource.

 

The main reasons of images not showing up in emails are if their email client is blocking externally hosted images or a firewall is blocking access to our image servers.

 

 

SanfordWhiteman
Level 10 - Community Moderator

The main reasons of images not showing up in emails are if their email client is blocking externally hosted images or a firewall is blocking access to our image servers.


Those are possibilities. But I’d say it’s more probable that the URL is broken on its own, not because of an intermediate service.

 

As @Courtney_Siegel noted, this was tested on multiple networks and mail clients.

Courtney_Siegel
Level 1

It's all been images that I've uploaded to design studio.  Here are some link examples:

 

https://leap.yotpo.com/rs/828-GCW-581/images/partnernlheader.png

https://leap.yotpo.com/rs/828-GCW-581/images/smb loyalty video banner %281%29.png

Katja_Keesom
Level 10 - Community Advisor + Adobe Champion

You include https in front of the url, but it looks like you don't have an SSL certificate implemented. The first image shows just fine with this links:

http://leap.yotpo.com/rs/828-GCW-581/images/partnernlheader.png

Your second link is not ever going to work with all those spaces in there. Again, replacing https with http and taking into account the spaces, you image loads based on this url:

http://leap.yotpo.com/rs/828-GCW-581/images/smb%20loyalty%20video%20banner%20%281%29.png

SanfordWhiteman
Level 10 - Community Moderator

Your second link is not ever going to work with all those spaces in there... taking into account the spaces, you image loads based on this url:

http://leap.yotpo.com/rs/828-GCW-581/images/smb%20loyalty%20video%20banner%20%281%29.png


I’m going to be über-düber pedantic here, sorry!

 

An <a href> or <image src> can contain unencoded spaces and still work!

 

You shouldn’t leave non-percent-encoded spaces, because it’s invalid based on the HTML spec. But the spec is  clear that a validation error isn’t a fatal error and the spec says the browser does the percent-encoding if you forget to, before making the HTTP request over the network.

 

In other words, the request sent to the remote server includes %20 instead of a literal space.

 

But again, it is invalid. It’s just that “invalid” doesn’t mean “won’t work.“

Katja_Keesom
Level 10 - Community Advisor + Adobe Champion

You are right as always.

SanfordWhiteman
Level 10 - Community Moderator
I’m obsessed. For years, I accepted the Conventional Wisdom about a bunch of stuff and then decided to be a web standards wonk.
Courtney_Siegel
Level 1

@Katja_Keesom Thank you! I had a feeling this was related.  Marketo had said they implemented the ssl certificate for us but seems there is a major gap there. 

 

Since https is now my default (a change marketo made) is it best to wait for them to implement ssl certificate - I have a ticket open or is there a way for me to use http in the meantime?

SanfordWhiteman
Level 10 - Community Moderator

is there a way for me to use http in the meantime?

You can manually change the image URL to be the http:// version. Or, as Katja said, pause your sends and wait for it to be fixed. This should be a P1 ticket.

Katja_Keesom
Level 10 - Community Advisor + Adobe Champion

I would follow up on that ticket with this issue highlighted to urge them to fix the certificate and escalate it if necessary for a swift resolution. Https is advisable anyway, so rolling back to http seems like the opposite of what you want.