Gmail montre icône de téléchargement des images, des e-mails HTML
Nous avons un Html Builder, qui permet de créer responsive html des e-mails. Nous sommes à l'aide d'un moteur par des tiers pour envoyer des courriels en vrac. Le problème c'est que quand l'email est ouvert dans la boîte de réception gmail, il montre icône de téléchargement sur quelques images (pas toutes), alors que leur code html généré est de même lorsque par rapport aux images sans téléchargement icônes.
Pourquoi gmail ajouter télécharger des icones pour les images sur les e-mails. Ressemble à son traitement d'images comme pièce jointe. Tout info, correction ou suggestion est appréciée ??
Voici le code html généré que nous envoyons-
<table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" class="bodyContainer">
<tr>
<td align="center" valign="top" >
<table border="0" cellspacing="0" cellpadding="0" class="emailContainer">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="text-align: center; padding: 0px;">
<img src="http://img.xyz.net/gallery/212aeedd-2672-4960-a81c-8b78635c8fd9/firsthalf.jpg" width="598" border="0" style="max-width: 600px;" hspace="0" vspace="0">
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="text-align: center; padding: 0px;">
<img src="http://img.xyz.net/gallery/212aeedd-2672-4960-a81c-8b78635c8fd9/secondhalf.jpg" width="300" border="0"style="max-width: 300px;" hspace="0" vspace="0">
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="text-align: center; padding: 0px;">
<img src="http://img.xyz.net/gallery/212aeedd-2672-4960-a81c-8b78635c8fd9/2110513155A40L.jpg?asd" width="250" border="0" style="max-width: 250px;" hspace="0" vspace="0">
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
<h1>Ready To Create An Amazing Product??</h1>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>Now that you've selected your template layout, it's time to get the creative juices flowing and show off your awesome email marketing skills. You can build the perfect email using our powerful and easy-to-use editor. You can drag-and-drop different types of blocks directly into your email and start adding text, images and links. You can also go to the 'Design' tab to customize all the fonts and colors.</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top">
<div align="center">
Phone: 555-555-1234 | Email: [email protected]
Web: www.my-website-address.com
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<div class="complianceFooter">
</div>
</td>
</tr>
</table>
lien suivant vous vous demandez pour quelque chose similer..
http://www.codeproject.com/Questions/439012/Email-images-are-rendered-as-attachments-in-gmail
https://productforums.google.com/forum/#!topic/gmail/BosiJUnYDt0
Est une sorte de bug ou quoi que ce soit ?? Les gars si vous pouvez me donner un lien ou quelque chose, ce serait génial..
Merci les gars
Si vous regardez la première et la seule réponse à cette question lui-même.. alors clairement indiqué que Sa une nouvelle Fonctionnalité dans gmail. Il sera toujours montrer le lien de téléchargement pour une image plus grande en taille (je ne suis pas très sûr de la limite exacte de la taille). Donc, je pense que nous ne pouvons pas supprimer cette icône de téléchargement. Pour plus d'informations, vous pouvez consulter les liens de la Réponse en #Pebbs
OriginalL'auteur Pankaj Dubey | 2014-11-17
Vous devez vous connecter pour publier un commentaire.
C'est une nouvelle fonctionnalité de Google mis en œuvre plusieurs semaines en arrière, je crois qu'il ne fonctionne que sur les "gros" des images, mais je ne pouvais pas savoir exactement contraintes. Il semble se produire plus où vous avez un très grand héros de l'image.
Comme une caractéristique je suppose que c'est plus destiné à des où quelqu'un que vous connaissez personnellement, vous a fourni une Photo intégré dans l'e-mail, il y a aussi une autre fonction qui vous permet de l'ajouter directement à votre Google Drive.
Un Google Plus de poste à partir de Gmail eux-mêmes
Un billet de blog à ce sujet
OriginalL'auteur Pebbs
J'ai corrigé cela en les enveloppant de mes grandes images dans une balise d'ancrage comme celui-ci:
<a href='#'>
Si vous ne voulez pas que l'utilisateur du curseur pour indiquer un lien, ajouter
style='cursor: default;'
à votreimg
élément.href='#'
, de sorte que vous devez appliquer votre curseur CSS à l'image elle-même. La réponse a été modifié pour refléter cela.le " style="cursor:default;" ne semble pas fonctionner pour moi. N'auriez-vous pas besoin d'ajouter que sur le vol stationnaire, vous ne pouvez pas faire sur la ligne....
OriginalL'auteur TGPrankster
J'ai été en mesure de résoudre ce problème en coupant mon image en 4 morceaux de taille égale à la verticale puis le codage de l'4 images avec le code suivant.
OriginalL'auteur tboyd87
@Pebbs expliqué ci-dessus, Gmail apparaît pour détecter les images à l'intérieur de certaines contraintes de taille de télécharger des pièces jointes. Pour contourner cela, ce qui a fonctionné pour moi a été l'aide de la "toile de fond" de l'attribut pour afficher l'image à l'intérieur d'un
<td>
tag. Cela fait de Gmail percevoir l'image comme une image d'arrière-plan, plutôt que comme un élément potentiellement téléchargeable<img>
. Ainsi, par exemple, au sein de votre code au lieu de la suite de:Utilisation:
Noter que la VML entre les
<td>
s peut être nécessaire pour les anciens clients de messagerie pour rendre l'image correctement.OriginalL'auteur Lia
Facile et propre pour empêcher le téléchargement de l'image et de supprimer icône de téléchargement dans gmail
Méthode 1 :- Ajouter
.a5q {display: none !important;}
classe css dans la balise.Méthode 2 :- Ajouter
tabletabletable div {display: none !important;}
style dans la section à l'intérieur de la balise.Méthode 3 :- il suffit de Lier votre balise image avec un(ancrage) de la balise avec le style css suivante:
style="cursor:default;"
Méthode 4 :- Une autre méthode pour ce faire , encore une fois juste Lier votre balise image avec un(ancrage) de la balise avec le style css suivante:
style="pointer-events:none;"
OriginalL'auteur Govind Singh
Dans un e-mail marketing, vous êtes probablement mieux de toute façon avoir autant d'images que possible un lien vers votre site web.
Votre vente massive bannière devriez probablement juste le lien vers votre site web - pas de trucs nécessaires.
Et si vous avez une grande image d'un produit réel, puis c'est en fait une fonctionnalité intéressante, permettant d'ouvrir une lightbox à l'intérieur de GMail. Le téléchargement est dans ce contexte que doit s'afficher moins de place.
Désolé manqué cette partie. Mais Si vous n'avez jamais trouvé une technique parfaite solution je suppose que vous pourriez mettre quelque chose à l'effet de " Nous recommandons de placer une URL pour chaque image afin de maximiser le nombre de clics vers votre site web. Peut-être un lien par défaut pour un e-mail qui serait appliquée à toutes les images sans lien personnalisé. J'ai toujours la haine dans ces e-mail constructeurs d'avoir à vérifier chaque lien. Si automatiquement, il est allé à un lien par défaut qui serait une fonctionnalité intéressante.
Hamm, je suis d'accord. Mais mes chefs n'ont pas permis cela. 🙁
🙂 Eh bien espérons que vous avez trouvé une bonne solution à la fin
OriginalL'auteur Simon_Weaver
Ajouter ce .classe css pour supprimer l'icône de téléchargement.
.a5q {display: none !important;}
OriginalL'auteur Marty C.
J'ai fixé cette par ajouter ce code à syles
OriginalL'auteur suchar