search

forwardemail / font-awesome-assets

:lipstick: Convert any of @FortAwesome's Font-Awesome icons to an asset, such as an <svg> tag or a Base64-encoded PNG/SVG <img> tag! It supports Retina devices and custom tag attributes too!
https://lad.js.org
MIT License
130 stars 18 forks source link

Email Client Support ? #6

Closed mr-White closed 4 years ago

mr-White commented 7 years ago

This does not work on many email clients. SVG is hardly supported, and base64 inline png's is hit or miss. The following is based on using the png3x() function

Breaks on Gmail (Chrome), Inbox by Gmail, Outlook on Windows (2013 and 2016), Android 6.0, AOL Mail (Explorer - adds a border)

Works on iPhone, iPad, Apple Mail 10 & 11, Outlook.com (Explorer),

There's a good 1/3 email users that this does not work with according too https://emailclientmarketshare.com/

Maybe we should just use old remote url png's and stop base64 in lining them? Building emails that work on this ancient email clients is the worse head-ache ever

niftylettuce commented 7 years ago

you need to use the nodemailer base64tos3 plugin

im going to enforce it in the next release

On Nov 1, 2017 4:48 PM, "Michael Lage" notifications@github.com wrote:

This does not work on many email clients. SVG is hardly supported, and base64 inline png's is hit or miss. The following is based on using the png3x() function

Breaks on Gmail (Chrome), Inbox by Gmail, Outlook on Windows (2013 and 2016), Android 6.0, AOL Mail (Explorer - adds a border)

Works on iPhone, iPad, Apple Mail 10 & 11, Outlook.com (Explorer),

There's a good 1/3 email users that this does not work with according too https://emailclientmarketshare.com/

Maybe we should just use old remote url png's and stop base64 in lining them? Building emails that work on this ancient email clients is the worse head-ache ever

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/ladjs/font-awesome-assets/issues/6, or mute the thread https://github.com/notifications/unsubscribe-auth/AAf7hdG_UPq-527CmsJEd_-5XNSpmeX-ks5syNkagaJpZM4QOzMe .

niftylettuce commented 6 years ago

@mr-White did you use https://github.com/ladjs/nodemailer-base64-to-s3 yet?

mr-White commented 6 years ago

No, I ended up using regular png images stored on my reverse proxy server that handles static assets

niftylettuce commented 4 years ago

closing because the solution already exists https://github.com/ladjs/nodemailer-base64-to-s3