HTML eMail - Pictures are not visible

[elbsailor]

I am using Aqua Mail Pro in our company since some while and we are satisfied.

But we have a problem that Images in one of our emails are not shown. In other HTML eMails images are shown - loading images is enabled. Any idea what the problem is?

Attached a screenshot and the HTML Code.

[nica]

In your HTML-Code you are using relative paths to your images. I think, in mails you will need absolute paths instead.


http://www.coffeecup.com/help/articles/absolute-vs-relative-pathslinks/
https://en.m.wikipedia.org/wiki/Path_(computing

[StR]

I would assume that you are asking about the images that you expect to appear on the left (where "alternative text" is shown instead), correct?

First, by default Aquamail does not show remote images (privacy reason, - this is how spammers verify that your address exists). So, you need to allow Aquamail showing remote images explicitly.

Second, I see that the way the images are linked is not but using full URLs, but rather
<base href="https://www.sinojobs.com/" /> with the relative links for each image:

<img alt="Product Development Engineer Trainee (m/f)" src="typo3temp/_processed_/csm_logo-_Hirschvogel_fd207c19dd.jpg" width="139" height="56" />
<img alt="Intern" src="typo3temp/_processed_/csm_VW_Logo_Tianjin_a1cdc27454.png" width="139" height="56" />
<img alt="VICE PRESIDENT OF OPERATIONS M/F Trendsetting Consumer Goods" src="typo3temp/_processed_/csm_GIF_Online-Einzellogo-001_f067764878.jpg" width="139" height="68" />
<img alt="Verkäufer im Duty-Free Shop (m/w)" src="typo3temp/_processed_/csm_drubba-logo_e46d0f9f4f.png" width="139" height="56" />

I am not sure if the WebView component of Android (which is used by Aquamail) can handle that.

Lastly, - I see that HTML validator ( http://validator.w3.org/#validate_by_input ) shows a bunch of HTML errors. Sorry, I don't have time and energy at the moment to check the details, - but it shows a huge number of error in the HTML.

PS. I see that Nica posted the same idea (I was interrupted for a few hours in the process of writing this response). I'll just leave my response without any modifications.

[Kostya Vasilyev]

For Aqua Mail to be able to show images at *relative* URLs (as correctly pointed out above), you need to include a <base> tag in the HTML code, before (above) the first relative link (also correctly pointed out above).

Just think about it:

An email message is self-contained, it has no "context", an email app can't know that it "belongs" to a particular web site, and can't resolve relative links automagically. Relative links on a web page work, because the web page itself is located at "some" URL, which provides that needed base for resolving relative links.

Another option is to use absolute URLs, with protocol and hostname (because I'm not sure if all mail apps out there support <base>).

[elbsailor]

Thank you so much for your really fast and accurate reply. We could solve the issue with the links.

We are working on a responsive Newsletter and I will ask the programmer to focus on the HTML Codes.

I also found this tool for testing:
litmus(dot)com
Any other suggestions we should focus on or testing we should do for the new responsive newsletter?
Or a contact to a programmer that is focused on HTML for responsive newsletter? Maybe he could do the job.

Again, thank you very much, guys!

[StR]

For Aqua Mail to be able to show images at *relative* URLs (as correctly pointed out above), you need to include a <base> tag in the HTML code, before (above) the first relative link (also correctly pointed out above).

Just think about it:

An email message is self-contained, it has no "context", an email app can't know that it "belongs" to a particular web site, and can't resolve relative links automagically. Relative links on a web page work, because the web page itself is located at "some" URL, which provides that needed base for resolving relative links.

Another option is to use absolute URLs, with protocol and hostname (because I'm not sure if all mail apps out there support <base>).

Kostya,

So, a question for you: does Aquamail support <base ..> ?
From your response it sounds that it does.
If so, - then it appears that you might have missed: the message in question does have <base ...> at the top, as I pointed out. If Aquamail understands  it, some other error(s) is the culprit.

[Kostya Vasilyev]

Re: So, a question for you: does Aquamail support <base ..> ?

Yes.

Re: then it appears that you might have missed: the message in question does have <base ...> at the top, as I pointed out. If Aquamail understands  it, some other error(s) is the culprit.

You're right, I'd missed it. Sorry. Will take a look.

[Kostya Vasilyev]

I see it now.

The problem is that those relative links don't start with "/" (which the app checks for safety / security). I'll see if I can change that.

[Kostya Vasilyev]

Fixed in AquaMail-market-1.8.0-190-stable-fa38f1997e88.apk which I'm going to post soon.

[StR]

It's nice you were able to figure it out quickly and easily!

[Kostya Vasilyev]

Re: It's nice you were able to figure it out quickly and easily!

But I wasn't, I'd missed it completely. Only thanks to "a certain StR" I was able to see that the "base" tag was already present.