Images not being displyed gmail html signature - html

I created a basic signature using HTML Tables that contains some images. I have inserted the images using <img> Tags. The images are hosted on a remote server.
After making the signature in HTML, to insert the signature on Gmail. I followed the following procedure:
open the HTML file, copy the content using 'ctrl+a' / 'ctrl+c'
open gmail -> settings -> signatures -> add new signature and paste 'ctrl+v' on the editor.
Everything works fine. The HTML structure and the inline styles stay intact. However, the images do not load up. Instead, I get a broken image icon instead of images, which you get when the image is not found. When I try to compose the signature, I see my signature without the image on the Gmail email compose editor.
When I send the email, however, everything works perfectly fine, the image on the signature loads up perfectly when I open the email in the inbox or on the sent item.
My issue is I want the images on my signature to load up when I am composing the email as well. The only solution I find on the internet is to turn on the plain text mode while composing the email. Turning off/on plain text mode does not work for me.

Related

Is an HTML image in an email rendered before or after the recipient receives it?

I have a task to send an email containing an HTML image to recipients without using the internet (SMTP is okay). I need to do this in informatica BDM using a Java transformation. I have the code working with a hyperlink reference to the image but when I try to locally access the picture via absolute path, the image is not added (seems to be an Informatica issue).
My question is:
if I use the hyperlink to point to the image will my server try to add the picture before sending the email, or will the picture be rendered by the clients machine when they receive the email containing HTML?
Here is what my code looks like
emailDescription = emailDescription + "<center><img \" src=\""+ path + "\" alt=\"Logo\" align=\"middle\" title=\"Logo\"></center><br>";
where path is just a variable containing a link to the image
An image in an email is rendered by the email client, but the image can either be fetched from an URL or embedded in the email. If you don't have a web server to serve the image from an URL, you should look for embedding techniques (which unfortunately I don't know).
A quick search for embedding images showed me that various email client behave differently, mostly to protect receivers from spam and malicious images or links. You may have to test with some clients used by your target audience.

Alternative to base64 Encoded Image sources (E-Mail Signatures)

I am trying to generate email signatures for my entire company so I am using a script to fill in an HTML template with each individual's information and generating an HTML file that I would like to use for the signature. The generation of the HTML works fine and I can load the HTML into chrome and it displays 100% correctly.
I would prefer to not have to host these images somewhere at the moment and would like them to be embedded in the e-mail. We can achieve this by using outlook on each individuals machine to create the signature by hand, but again we want to avoid that. Ideally, we will generate these templates and then automatically put these files on each employee's computer so all we have to do is select the signature from outlook.
The problem we are having is that when we do this, the image does not load. It seems that outlook won't allow base64 encoded images? I've tried to work around this by trying to attach the image to the email and then referencing it, but this doesn't seem to work either. I used this template. I got the boundary from a test email I sent myself, but I don't even know if this is a good way to go about this either.
In short, is there a way to create an .htm file for outlook signatures that includes the image inside the .htm file?
External image file that will be added as an attachment is the only way - Word (which renders HTML messages in Outlook) does not support base64 embedded images.
Try to create a new signature with an image in Outlook and see how they reference the images.

Gmail breaks the formatting of my HTML email?

I am attempting to create an HTML newsletter to send out. I have created the newsletter in Microsoft Publisher and exported it to HTML. I then open the HTML file and select all and paste it into a Gmail draft. In the preview, the newsletter looks great but when I send it to myself and receive it, Gmail completely breaks the formatting and pushes all the text below the image. When I tested this with my AOL email, the formatting was fine and the text was on top of the image where its supposed to be. I even tried using Mailchimp to code the newsletter and it also appeared to be fine but when I sent it to all my emails, Gmail was the only one that broke the format. The email looks perfect on AOL and even on my iPhone Mail App which is connected to my Gmail. What am I doing wrong?
It looks to me like the columns are being lined up wrong, but from the code you have sent this is probably the least of your worries. Creating a html email in Microsoft Publisher is a bad idea. You might be better using something like mailchimp's free builder and copying the html out of that (or even just sending from there)

Embedding image in Outlook 2013

I need to be able to send an image in the signature line through HTML files.
However, it can not come from a webserver because the receiver of the mail will have a delay while downloading the image from the net.
Please help
I see you're using Microsoft Outlook from your tags, so I suggest to do the following:
Create the signature in Microsoft Word. Then save as:
HTML page - html
Rich Text Document - rtf
Plain Text Document - txt
Then you will have three files and a folder. Copy all that into your signature folder - found at
[disk letter]/Users/[username]/AppData/Roaming/Microsoft/Signatures/
They will now appear in Outlook, and the images should attach - but the receiver wont see them as attachments.

HTML Email Signature on iOS - Images are not displaying.

I have created an HTML email signature using the usual tables and inline styling.
There is also one image attachment of a logo. It displays perfectly in all email clients.
However when I try and make an iPhone/iPad signature I have problems:
The image displays ok, for a couple of hours and then just drops away and a little box with a cross displays instead.
Does anyone have any ideas why this might be?
It’s a little tricky to setup an email signature with an image on iPhone or iPad. If you simply copy and paste a signature, the image will work at first but after some time, it will become missing and will just show up as a blank box instead of your image in your html email signature.
Here is the solution that worked for me. Hope it helps you.
PREPARE THE HTML SIGNATURE.
Create an html signature with an image that points to your server
Save the .html file and email it to yourself.
Sample HTML email signature with image for iPhone/iPad http://vitworks.com/html-email-signature-with-an-image-on-iphoneipad/
HOW TO SETUP EMAIL SIGNATURE WITH AN IMAGE ON YOUR IPHONE.
On your iPhone open the email that contains the email-signature.html
Tap on the html file to open it
Press and hold anywhere on the screen
Then choose Copy
Press the home screen
Go to Settings
Scroll down and choose “Mail, Contacts, Calendars”
Then Scroll down and tap on Signature
Delete your current email signature
Press and hold till you get a menu
Choose paste
This is very important step: Make sure to shake your phone from side to side
Choose undo (This removes the extra spacing and formatting that the iPhone automatically adds to your signature.
Tap anywhere on the white space to unselect
Now edit the signature with your information
(make sure to completely remove the default phone numbers and type them in again to make sure that the numbers are not blue.
Tap the Back Button
To test is out
Go to Mail and create a new email. Your email signature with an image will automatically show up on the bottom of your emails on your iphone.
If the signature was edited and graphic information in Outlook's editor was changed at all, it sometimes will download the graphics and refer to them differently in the file. If you copy and paste that to your iPhone then, it breaks and loses the graphics because it looks for them locally.
Check to see if there is a folder in your %appdata%\microsoft\signatures folder that matches your signature name. If the graphics are stored in that folder, it's a good bet something happened to your hosted hyperlinks. Outlook likes to change those to local at times.
For anyone who finds this 4 years on.
When you select your signature and hit copy then paste it into the 'signature' area on ios you need to ensure its copied everything.
Sometimes it looks like its copied everything when in fact its cut off the end of a table or other code.
The only way I could get this to work was to add
<p>your name</p><br><br>
your signature content
<br><br><p>end</p>
Copy the entire signature, with the extra code. Paste it into the mail signature box and delete the word 'end'. Don't delete any other spaces.
Apple. Nightmare.
Is the image stored on a remote server? If so it may be that your iDevice is not connected to a network (WIFI or 3G). Eg: When you're in the office/at home its on your local WIFI and then when you move away it has no signal and therefore no way to download the image when you compose a new email.
I had the same problem and my HTML signature images would not show up.
I copy pasted the html content in the email signature and sent an email to my gmail account and pictures showed up. So, I downloaded gmail app for ios, I coppied the signature from that email that I sent to my self with showing pitures.
Then I pasted it into the signature part and surprisingly it worked!!
I don't know why iPhone cannot pick it up itself, but I think when you copy the html file and paste it in the signature place, it does not copy all of the html code or something will be missing. But, when you copy it from an email on the Gmail app on IOS, it will copy the html because gmail plain is html.
Let me know if it works for you too.