I am sending HTML content in email. Inside the HTML I have some thing like
<img src="https://example.com/logo.png" border="0" alt="Logo" class="styleclass">
when I open in gmail and yahoo, it is showing correct image.
I replaced the image in server with same name and I am sending emails again.
In yahoo it is showing new image, but in gmail it is showing old image.
I searched about it and I came to know, google stores images in proxy server when we open first time, and from the next time it will show the image from its proxy server. If I change image name in link, it may show correct image. But I can not change my link. I'd like to know if anyone ever came across this and if so, how it was solved.
In gmail, my code is modified as below.
<img src="https://ci6.googleusercontent.com/proxy/4sG5UHo-nA6ZlKKtDIWy8f9hKIVM9bM9uBFsS_0HI8yEuKaCfxH695uj5VpUAEUahDmSTEOyJVu76V5Zdz2bi28=s0-d-e1-ft#https://example.com/logo.png" border="0" alt="Logo" class="styleclass">
Try to change image name and reupload it. Google proxies has catche which saves image, so when anything change with domain it can lead to incorrect url.
I checked this post and it helped me today:
Gmail's new image caching is breaking image links in newsletter
Related
How do you add an image to you website so that the image address's domain is you website?
Such as;
https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png
Cick here because I am not allowed to embed pictures into my post because don't have more than 10 points
And not like this;
<html>
<head>
<title>Example</emaxple>
</head>
<body>
<img src="https://lh3.googleusercontent.com/TyjVGZqfT_MuQh86xLiQtr6MIPeAJSmvOHnTpj7r2Go-V68dkOfw1zyZX_ZQo0j54O2jitom6mF94fFsiUC7UXNr_SznAk8WbYqiHogylNnPnFi9PR2qD8kaH5LCF05SzXpZ9PPzWQE128x8sz8kXuvtmnfrCwCWUCfgk-1NusQ_1qwQhGNj3EW_n9QaqO_2eryLyTJQzquIz0sRj8--80r8lFwrL8iFzSfri48Kpny1BWmbaxKAueurIfYOc8VyX4d2Do2QKat43wXOxWbaeCWjkvsahMDoLSwJbvHxLOSzRTfUOQH1etJsUGJQbt5cgbCcHhsKEQQiZ3qqf-rXSHkdeyb6QL4EMVJsvfU7k45cdRba1gq0w7uAfWovZSsSv65A_dvJtIHvmvCPmpNcwU2-uN7hGRyuMUl8g5gm3KA6FrxPLQ8v0gZCeLCGJ5Je8JoCVYQ8Z9wHm2qLlo6mGPu_NIarHz7H9m4KM_CftWaG_Q1d82U8OFDbVWBdBEjlR7sYVnDCMSb2oUXRioRahLaQjnQzRpVfacBUZNa_a5Amnw2txzI0ly8JfVcRu3TYCWA74bHGDPAs3ijRGh_Lk2ggJabOhZ9pGTl1_BbCp8ihCnQYLwwR2Smmwub55Kdv4CibSM57_dFe7bo3xNYjqzFEoZnebeX8xX7YWpNI1LiGK3jeZeeieDS9JAw=w328-h177-no?authuser=0">
</body>
</html>
How do I get a clean image address that includes my website domain on GitHub (exaple.com/media/photo.jpeg)?
I tried uploading the picture to Google Photo, getting the image address (supper long) and finding the source code, I tried it and ran in some problems when trying to view the source code. I tried CTRL + U, right click the source code but it was translucent. So then I went to a Google, then I went to the source code and looked at the URL, and I found this before HTTPS "view-source:" so I opened a new tab and typed that in (I actually copy and pasted it) then added the image address, and I got weird stuff (example (I am not going to show all of it because it just looks like gibberish, and it would be mean to make you scroll through all of that when you are helping me) ÒD±L’ƒ1”°¬OwÞ†Í
ú^¦0ÈD„K‡\j¦,äì‘T[µ0¨êê™&ŽîÍ÷eOk) so I check to make sure that when I upload the photo that Google did not change it to a .webp to save space, (which they did not it is still a .jpeg) and I made a new file on GitHub test.jpeg, and pasted the code. I saved it, and looked to see if it worked, which it did not (you can try if you want it should be a very low quality picture of green bean and yogurt right here here is the link (also here is the original )
You need to download the image and save it in the media folder after you can just do
<img src="./media/photo.jpeg">
For more info visit https://www.w3schools.com/html/html_images.asp
For that you should get a domain name and host your picture
I am trying to add some images to the email body that gets sent to the users email (not as attachments) but when they arrive via the email they are broken and do not show.
I have tried using:
<img src="https://example.com/wp-content/uploads/2019/11/myimage.jpeg">
<img src="wp-content/uploads/2019/11/myimage.jpeg">
<img src="uploads/2019/11/myimage.jpeg">
But nothing works, I thought it would be as easy as adding an image as you do via html but it doesnt seems to work. Does anyone know how to do this?
Are you sending the email as an HTML doc or are you just putting HTML text into the email doc?
Your email service might be reading your code incorrectly, thinking it's just text being sent in an email document.
Do some troubleshooting. Can other HTML elements (like headings and hyperlinks) appear in your email? If not, it's an email problem and not one with your code.
That being said, the 2nd and 3rd links are not viewable via a browser - it looks like they are pulling from your system as opposed to being an online link. That might be part of the problem as well.
I am wondering if someone can help me with a problem I am encountering with iPhone/iPad. I have an email the generates a report as an HTML attachment. In that HTML attachment, there are two images. One is a static image that pulls down a logo using a normal HTML img tag.
The other is dynamic. It also uses the normal HTML img tag, however it calls out to a web api with some information identifying the user.
<img src="http://MyApiServerName.com/api/User/{id}/{OtherParm}" >
The Web API uses information on the user to return appropriate images to them. For some reason the dynamic image does not show up with the attachment is opened on an iPad/iPhone.
The image works just fine when the attachment is opened from a computer. I thought maybe something might be blocking images, however then I would expect the static image not to display as well. I verified that the "Load Remote Images" setting is turned on.
I am at a loss here. Is there something with iOS that prevents dynamically generated images from showing in HTML attachments?
Thanks
Ok, I can't explain why the above is not working, but I did find something that does. Instead of using the following URL
<img src="http://MyApiServerName.com/api/User/{id}/{OtherParm}" >
use
<img src="http://MyApiServerName.com/api/User/{id}/{OtherParm.jpg}/" >
The final param needs to end with ".jpg/". If the slash is not there, you will get a 404 error.
Then in the API method, you simply strip off the .jpg part of "OtherParm" to get the intended value for "OtherParm".
I was thinking about getting started creating my own website with weebly.com. If I eventually want to move my website to a different host is there a way to do that? When I edit the html code it seems like weebly doesn't show you the whole code that's being used.
For example I just see:
<div id="main"><div class="container">{content}</div></div>
Instead of the <img src> or <p> that are actually on my page?
Is there any way I can see the full code or should I choose a different editor?
In your site editor, make sure you're on the SETTINGS tab, select GENERAL, scroll down, select ARCHIVE. Enter your email address and click EMAIL ARCHIVE. A link to download your zipped archive file will be mailed to you.
I have created an email template, I use PHP to send the email, but the problem is that images that I have included inside the email template are not being displayed properly. It's showing the cross symbol. In Outlook, they mention "click here to download the image" - but nothing happens when I click.
What is the solution for this? How can I send the email along with the image?
You are best off not sending images in the email itself, but rather linking to them on the web. So, in your email, you have:
<img src="http://www.example.org/picture.jpg" alt="My Picture">