web-dev-qa-db-fra.com

Image HTML non affichée dans Gmail

J'envoie une lettre d'information électronique en HTML. Dans le code HTML, j'ai quelque chose comme

<img height='70' width='70' style='display:block' src='myDomain.com/imageName.png'>

Lorsque j'ouvre la newsletter avec Thunderbird ou Outlook, l'image est affichée. Cependant, lorsque je l'ouvre avec Gmail, aucune image ne s'affiche. Je ne suis pas sûr qu'il s'agisse du proxy que Gmail utilise pour des raisons de sécurité ou s'il s'agit d'autre chose. Quoi qu'il en soit, j'aimerais savoir si quelqu'un l'a déjà rencontré et, le cas échéant, comment il a été résolu.

htmlgmail
40
Rita

Tard à la fête, mais voilà ... J'ai rencontré ce problème aussi et il a été résolu avec ce qui suit:

  • L'inclusion du schéma dans l'URL src (l'utilisation de "//" ne fonctionne pas - utilisez le schéma complet EG: "https: //")
  • Y compris les attributs de largeur et de hauteur
  • Y compris l'attribut style = "display: block"
  • Y compris les attributs alt et title

PAR EXEMPLE: 

<img src="https://static.mydomain.com/images/logo.png" alt="Logo" title="Logo" style="display:block" width="200" height="87" />
35
Howard

Google n'autorise que les images provenant de sources fiables.

J'ai donc résolu ce problème en hébergeant mes images sur Google Drive et en utilisant son URL comme source pour mes images.

Exemple: Avec: Http: //drive.google.com/uc? Export = afficher & id = FILEID '>

pour former une URL s'il vous plaît se référer ici .

18
Sachin Gade

Veuillez également vérifier votre codage: Google code les espaces en tant que + au lieu de %20. Cela peut entraîner un lien d'image non valide.

7
pHOW

Vous les avez peut-être désactivés dans vos paramètres Gmail, voici le lien pour les modifier https://support.google.com/mail/answer/145919?hl=fr

De plus, Gmail peut bloquer les images en pensant qu'elles sont suspectes. 

à partir du lien ci-dessus.

Comment Gmail sécurise les images

Certains expéditeurs tentent d’utiliser des images liées de manière externe de manière préjudiciable, mais Gmail prend des mesures pour s'assurer que les images sont chargées en toute sécurité. Gmail traite toutes les images par le biais des serveurs proxy d’images de Google et les transcode avant la livraison pour vous protéger des manières suivantes:

Les expéditeurs ne peuvent pas utiliser le chargement d’image pour obtenir des informations telles que votre adresse IP adresse ou lieu. Les expéditeurs ne peuvent pas définir ou lire de cookies dans votre fichier navigateur. Gmail vérifie si vos images contiennent des virus ou des logiciels malveillants connus. Dans Dans certains cas, les expéditeurs peuvent savoir si une personne est atteinte de la maladie ouvert un message avec des liens d'image uniques. Comme toujours, Gmail analyse chaque message pour le contenu suspect et si Gmail considère un expéditeur ou message potentiellement suspect, les images ne seront pas affichées et vous être demandé si vous voulez voir les images.

5
codeaddict

Essayez d’ajouter des propriétés title et alt à votre image .... Gmail et quelques autres bloquent les images sans certains attributs. Il est également logique d’inclure votre courrier électronique comme spam.

4
Hugo S. Mendes

HTTP ou HTTPS doit être l'adresse complète 

background-image: URL ( http://fulladdress.com/ca/1/product_assets/T/C/X/M/K/NMTCXMK_mu.jpg )

var mailOptions = {
  from: '[email protected]',
  to: emails,
  subject: 'i super another ma node mailer cool test',
  text: 'That was easy!',
  html: '<a href="//google.com"><div style="background-image: url(http://fulladdress.com/ca/1/product_assets/T/C/X/M/K/NMTCXMK_mu.jpg);width:500px;height:500px">ascfas</div></a>'
};
1
D V Yogesh

Pour moi, le problème était d'utiliser des images svg. Je les ai passés au format png et cela a fonctionné.

0
Ruben Miquelino