Site icon 中小學資訊人員根本不算MIS

電子郵件中放置圖片的方法

因為某些需求需要在電子郵件中放上QR Code……一開始用的是Word的合併列印寄送方式,很好很強大完全沒問題只差美觀,沒辦法放上背景進去。然後研究了一下,其實寫程式發信還是比較快的。至少有背景。 然後問題就有趣了,不是每個人都看得到相同的版面。只好花點時間測試一下支援度。

先講一下測試環境。Windows 10專業版1809桌機一台,使用Firefox 73瀏覽各家網頁版信箱;Andriod 9手機一支,使用各家官方郵件App;iPhone XS iOS 13.3.1一支 ,使用各家官方郵件App ;iPad Pro 10.5″ iOS 13.3.1一台 ,使用各家官方郵件App 。由PHPMailer 6.1.4發信。

這張圖大概是我第三批測試之後的結果,基本上我個人的感想就是※你Google。測試過程中一下可以一下不行,還有同一封信裡面同方是一個可以一個不行。搞得我莫名其妙想說是怎麼回事。那些排版爆炸的註記是我用同樣範本寄過去之後就只有他們明顯炸開。不過我沒有Reset CSS,有興趣的人自己測試吧。

參考資料:

Using PHP Mailer to Send HTML Emails with Images · GitHub
https://gist.github.com/andrewflash/7611200

Base64 Image Encoder
https://www.base64-image.de/

Embedding Images in HTML Email: Have the Rules Changed? | Mailtrap Blog
https://blog.mailtrap.io/embedding-images-in-html-email-have-the-rules-changed/

Top Expert Tips on How to Embed Images in HTML Emails
https://medium.com/@emailmonks/top-expert-tips-on-how-to-embed-images-in-html-emails-4f13b3784472

Exit mobile version