電子メールの背景イメージはURLとして機能しますが、ディレクトリとしては機能しません。

Question

私は自分のメールの背景を作ろうとしています。 私が使用している場合は：

style="background: #3b72bb url('https://s1.postimg.org/sample/image.jpg') no-repeat; background-size: cover;" 

を、それが正常に動作します。

しかし、私が使用しているとして：

style="background: #3b72bb url('img/image.jpg') no-repeat; background-size: cover; 

を私はもはや私の背景画像を見ることができます。

フォルダ構造は次のとおりです。

index.html 
img/ 
    image.jpg 

私はindex.htmlと一緒に画像を送るプラットフォームを使用しています。 画像：

<img src="img/leftphoto.jpg" alt="" width="274" height="550" border="0" style="color: #1f1f1f; border: none; display: block; font-size: 12px; line-height: 34px; text-align: left;"> 

は完璧に働いています。 私はさまざまなオプションを試してみました：

style="background: #3b72bb url('/img/image.jpg') no-repeat; background-size: cover; 
style="background: #3b72bb url('../img/image.jpg') no-repeat; background-size: cover; 

そして初めに1つ。彼らの誰も働いていません。 URLとしてではなく、イメージとして送信する必要があります。

Answer 1

コンテンツをアップロードする必要があります。この場合の画像は、絶対 URLでアクセスできるリモートサーバーにアップロードする必要があります。 @UncaughtTypeErrorが指摘しているように、It's not possibleはローカルイメージファイルを使用します。

imgurなどの画像ホスティングサービスにコンテンツをアップロードするのが最も安価で最速のソリューションです。あなた自身のサーバーをホストし、そこにコンテンツをアップロードするのが最善です。この方法で、ファイルが将来アクセス可能にならないようにすることができます。

Answer 2

すべてのメールクライアントで背景画像が機能しません。 Gmail、Outlook、Windows Mailなどのいくつかのインスタンスでは動作しません。 OutlookやWindowsでは、vmlを使用すると機能します。背景画像にどのような作品に

• https://backgrounds.cm

詳しい情報。また

• https://www.campaignmonitor.com/css/color-background/background-image/

、述べたように、あなたは、任意の電子メールクライアントにアクセスすることができ、画像の絶対パスを持っている必要があります。

これは動作します：

<img src="https://www.w3schools.com/images/picture.jpg" alt="Mountain"> 

これにはない：

<img src="/images/picture.jpg" alt="Mountain">