E-mail l'image de fond fonctionne en tant qu'URL mais pas en tant que répertoire

Question

J'essaye de faire mon fond d'email fonctionnant. Lorsque j'utilise:

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

cela fonctionne très bien.

Mais comme j'utilise:

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

Je ne peux plus voir mon image d'arrière-plan.

Structure des dossiers est:

index.html 
img/ 
    image.jpg 

J'utilise la plate-forme qui envoie des images aux côtés de index.html. images comme:

<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;"> 

fonctionnent parfaitement. J'avais essayé différentes options:

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

Et un au début du mois. Aucun d'entre eux ne travaille. Il doit être envoyé en tant qu'image, pas en tant qu'URL.

Answer 1

Vous devrez télécharger le contenu, les images dans ce cas à un serveur distant qui peut être consulté avec absolue url. It's not possible pour utiliser les fichiers image locaux, comme indiqué par @UncaughtTypeError.

La solution la moins chère et la plus rapide serait de télécharger votre contenu vers un service d'hébergement d'images tel que imgur. Le mieux serait d'héberger votre propre serveur et d'y télécharger le contenu, de cette façon vous pouvez garantir que les fichiers seront accessibles dans le futur.

Answer 2

Les images d'arrière-plan ne fonctionnent pas avec tous les clients de messagerie. Ils ne fonctionnent pas dans certaines instances de Gmail, Outlook, Windows Mail et quelques autres. Dans Outlook et Windows, ils fonctionnent si vous utilisez vml.

• https://backgrounds.cm

Plus d'informations sur ce qui fonctionne avec des images d'arrière-plan.

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

En outre, comme mentionné, vous devez avoir un chemin absolu pour l'image qui peut être accessible à tout client de messagerie.

Cela fonctionne:

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

Cela ne veut pas:

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