Images in Email Message

Post any questions you have about using the Verj.io Studio, including client and server-side programming with Javascript or FPL, and integration with databases, web services etc.

Moderators: Dave, Jon, Steve, Ian

systemsolutions
Ebase User
Posts: 17
Joined: Tue Oct 03, 2017 3:33 pm
Location: USA

Images in Email Message

#1

Postby systemsolutions » Fri Apr 19, 2019 6:55 am

Is it possible to include an image in email message? Not as an attachment but as part of the message. I'd like to include company logo with a shipment email. I've set the HTML flag and I've tried using HTML img tags to include the image, but it does not show.

Thanks
0 x

Jon
Moderator
Moderator
Posts: 1289
Joined: Wed Sep 12, 2007 12:49 pm

Re: Images in Email Message

#2

Postby Jon » Tue Apr 23, 2019 1:33 pm

Yes it is possible - there are no limitations concerning the HTML that can be put into an email resource. But, having said that, the various email clients can be very picky and there are lots of problems in this area. You might google a specific email client you are having problems with.
0 x

geadon
Ebase User
Posts: 56
Joined: Wed Aug 15, 2012 1:22 pm

Re: Images in Email Message

#3

Postby geadon » Mon Apr 29, 2019 8:50 am

Is it possible to include an image in email message? Not as an attachment but as part of the message. I'd like to include company logo with a shipment email. I've set the HTML flag and I've tried using HTML img tags to include the image, but it does not show.

Thanks
We include images with our emails using HTML and <img> tags. I've not yet found a way to embed the image in the email but have to reference the image on a public server as below.

Code: Select all

<img src="https://mydomain.com/ufs/images/My_Logo.png" alt="My Logo" title="My Logo">
This isn't ideal, outlook usually blocks images so you have to click the banner and 'show images'. As Jon said, there is a lot of issues around images and emails and the best way to do it, best Google it!
0 x

Segi
Ebase User
Posts: 590
Joined: Mon Dec 09, 2013 6:37 pm

Re: Images in Email Message

#4

Postby Segi » Mon Apr 29, 2019 6:51 pm

There is another way that you can embed images directly into an HTML email message that doesn't require you to host the image itself anywhere.

This assumes that you will always use the same image in the email template.

What you need to do is

1. Encode the image as base64. I used this site to do so: https://www.base64-image.de/ It will give you a long base64 encoded string that represents the image.

2. Add the img tag and use the data string as the source by doing <img src="BASE64 STRING GOES HERE">

Here's a proof of concept working example that I made that shows the result. http://jsfiddle.net/j0otxzk9/1/
1 x

geadon
Ebase User
Posts: 56
Joined: Wed Aug 15, 2012 1:22 pm

Re: Images in Email Message

#5

Postby geadon » Wed May 01, 2019 9:47 am

There is another way that you can embed images directly into an HTML email message that doesn't require you to host the image itself anywhere.

This assumes that you will always use the same image in the email template.

What you need to do is

1. Encode the image as base64. I used this site to do so: https://www.base64-image.de/ It will give you a long base64 encoded string that represents the image.

2. Add the img tag and use the data string as the source by doing <img src="BASE64 STRING GOES HERE">

Here's a proof of concept working example that I made that shows the result. http://jsfiddle.net/j0otxzk9/1/
Nice Segi... I will give this a go :D
1 x


Who is online

Users browsing this forum: No registered users and 7 guests