HTMLの電子メールテンプレートに画像を埋め込む方法は？

Question

メールテンプレートHTMLを使用し、インラインスタイルをゼロから作成しました。今、私はいくつかの画像を追加する必要があります。この時点では、URLはホストされていないため使用できません。私はbase64エンコーディングを使ってみましたが、Appleのメールクライアントで動作しましたが、画像はGmailでレンダリングされません。すべての電子メールクライアントでサポートされているイメージをHTMLに埋め込む方法はありますか？

Answer 1

「ウェブ上の公開」または「リンクを持つ誰でも」のリンクを共有することで、画像をGoogleドライブに公開します。その後、このリンクhttp://drive.google.com/uc?export=view&id=FILE_IDを使用して画像に直接アクセスしてください。 FILE_IDをGoogleドライブのリンクから実際のIDに置き換える必要があります。

例：

Googleドライブリンク：https://drive.google.com/open?id=0B7RYx63s2PFqam9PWVFrcXc1RU

生成したリンク：http://drive.google.com/uc?export=view&id=0B7RYx63s2PFqam9PWVFrcXc1RU

は今、あなたはあなたのテンプレートでこのリンクを使用することができます。

Answer 2

Base64のサポートは非​​常に限られています。一般的に言えば、それを使用することはお勧めしません。 base64エンコーディングのサポートに関する情報はthis tutorialにあります。あなたのケースでは、サポートされているクライアントリストが十分であるかどうかを判断するのに役立ちます。

電子メールに画像を埋め込むことは、電子メールとともに送信し、送信された画像をimgタグで参照することで可能です。この方法の良いスターターリーダーは、Campaignmonitorのブログ投稿 "Embedding images revisited"です。

最高の解決策は、速く維持されているサービスプロバイダで画像をホストすることです。 Githubを使用する場合は、リポジトリのGH-Pagesブランチから画像（またはその他のコンテンツ）を提供することもできます。