電子メールクライアントが画像を添付ファイルとして追加する方法

Question

私は、主に使用されるデスクトップやWebメールクライアント（Outlook、Gmail、Yahooなど）でうまく表示されるhtml電子メールテンプレートを作成しています。

イメージが添付ファイルと見なされるhtml電子メールテンプレートを作成するのに苦労しています。私はそれがPinterestのような私が購読しているほとんどのウェブサイト以来、添付ファイルとしてそれらを表示することは可能だと仮定している、彼らは彼らのHTML電子メールテンプレートで画像を持っているが、添付ファイルとしてもそれらを表示しません。

は、ここで私は電子メールクライアントは、添付ファイル領域に私の画像を追加しません、ということです私は基本的に達成したい

<table align="center"> 
     <tbody> 
      <tr> 
       <td> 
        <table> 
         <tbody> 
          <tr> 
           <td> 
           <a href="http://www.taxq.io/signup"><img src="@web/mail/img/email-for-first-users-header.jpg" style="width:auto; height: auto; border-style: none; display: block;"/></a></td> 
          </tr> 
         </tbody> 
        </table> 
       </td> 
      </tr> 
      <tr> 
       <td> 
        <table> 
         <tbody> 
          <tr> 
           <td> 
            <h2>Hi, non-user's name!</h2> 
           </td> 
          </tr> 
         </tbody> 
        </table> 
       </td> 
      </tr> 
     </tbody> 
    </table> 

をテストしていたコードです。

Answer 1

最初に電子メールに画像を埋め込むには、その画像のバージョンがbase64でエンコードされた文字列である必要があります。あなたのイメージがあなたのテンプレートにジャンプし、符号化されている、またはあなたが送出しているものは何でもHTML、および標準のHTMLイメージタグを使用して、それを埋め込むたら：

<img alt="My Image" src="data:image/jpeg;base64,/9j/4S/+RXhpZgAATU0AKgAAAAgACAESAAMAENkDZ5u8/61a+X...more encoding" /> 

次に、あなたは完了です。送り出します。