I'm trying to give a client a HTML email template so that they can just edit text. However when i send them the template in Gmail. The images will just show as "logo.jpg" for example.
I view the source and it's replaced the <img> tag with <span>logo.jpg</span>
This is the HTML i wrote:
<img width='200' src='http://www.example.co.uk/images/logo.JPG'></img>
Anything wrong with this? Is this across all email clients?
Yes. Images don't have closing tags.
<img width='200' src='http://www.example.co.uk/images/logo.JPG' />
Related
I am writing a mail class in Laravel that show a svg file from url inside an imp tag. When the email is sent the svg file is replaced with a blue question mark and is not showing the alt text. But when I view the blade as a web page it is working fine.
Here is the code for the svg file:
<a href="{{ $url }}">
<img alt="SVG" height="36" src='https://exmaple.com/someFile.svg' width="127">
</a>
Thanks in advance
Many email clients don't support SVG. Unfortunately, email clients don't update like browsers.
You can follow this link for the guidelines about using SVG in mail.
http://stylecampaign.com/blog/2014/01/basics-of-svg-in-email/
My HTML email template has a few images. All images are saved and served from the same Google Cloud Platform Storage Bucket and all images are set to be publicly available.
When the email is delivered, Gmail only loads half the images. In the other half, it removes the src attribute altogether! The same template works fine when I open it in Chrome and the same emails works great on Outlook.com as well. See the example of what the <img> tag looks like in Gmail below:
<img alt="image" style="display:block" width="191">
The HTML block for that specific image looks like this:
<td align="center">
<a href="#" target="_blank">
<img src="http://storage.googleapis.com/tripcloud-email-assets/campaigns/1-holidays-2016/banner-content-1.png" alt="image" border="0" height="67" width="199">
</a>
</td>
The only other thread I found about this subject was this but I did not have a similar error and so, it was unrelated. Can someone please tell me why this might be happening?
I can suggest you two options-
Don't use imagenames like googleads or googleadspreview. Just avoid 'ads words'.
If it removes src attribute, you can add it with jQuery.
I've created an HTML email signature, which displays fine by itself in a browser but when I paste it as my signature in my email client (roundcube) all the recipient of my email sees is the raw html code.
I tried adding body tags but am unable to come up with a solution.
Am I missing something simple, as I haven't coded an HTML signature before.
The structure of the signature is simple and is basically:
<div>
<img></img>
<p></p>
<p></p>
</div>
image is self closing <img /> in stead of <img></img>
Turns out my client along with some other no doubt aren't capable of displaying html code. So I have to stick with a boring plain signature.
I have written the following html to add a image to a script that is being used to generate a email
<a href="http://www.marshalls-seeds.co.uk/" target="_blank">
<img src="http://www.marshalls-seeds.co.uk/images/global/logo.png" alt="Marshall seeds logo"></a><br/>
If I check that in MS expression and outlook it works fine. But if I use hotmail or gmail the result look like this.
[Marshall seeds logo]<http://www.marshalls-seeds.co.uk/>
When I inspect the element I can see that the <img> has 'disappeared' and been treated as if it was text. But I cannot see why.
It is built-in security in gmail and Hotmail which removes the images.
Btw, you should always add width and height and en / in your <img>-tags.
<img src="http://www.marshalls-seeds.co.uk/images/global/logo.png" width="XXX" height="XXX" alt="Marshall seeds logo" />
You have forgotten to close your <img> tag; now you can put / at the end of your <img> tag like this:
<img src="http://www.marshalls-seeds.co.uk/images/global/logo.png"
alt="Marshall seeds logo"/>
I am sending a html table with an image of google map.for mozilla Thunderbird image is appearing without any problem.but for gamil and yahoo mail image is not appearing.even a broken image.is there any reason for that? here is the image tag I attached to the table
<image src = "http://maps.googleapis.com/maps/api/staticmap?path='+startCity+'|'+dueTodrawPath+endCity+'&size=500x200&maptype=roadmap&sensor=true" />'
shouldn't it be <img src="" />
<image> is not a valid tag, you should be using <img>