Embed image in html email template to send to users.

Hi Keenthemes,

Sorry this might be out of topics but I was bangging my head against the wall,

But how big tech, even Keenthemes do embed images in email that are sent to users.

I tried a lots of options one of them is embeded base64 (It showed in local )but it didn't show in Gmail/Yahoo...

Now, how would you go to embed your images/Logo inside those email ????!!!

I inspect the image and the src is pointing to >>>https://ci3.googleusercontent.com/proxy....

Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (5)

Hi,

We never tried this technique as it's not a common use case. However, I found this related article and hopefully it will be helpful.

Regards.

IF you are not using this technique, are you refering to your email from you s3 storage space, like : img src="https://s3.__ourstorage_space__/media/logo.png" ???

Thank you Sean

Yes, we use an external URL(digital ocean CDN) for the email templates. This approach should work for all mail clients.

That's what I ended up doing, LoL

Thank you Sean, have a good one. ;)

Great! You are most welcome! The same to you. happy

Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(