Gmail zeigt download-Symbol auf Bilder, die von HTML-E-Mails
Wir haben einen Html-generator ermöglicht Ihnen das erstellen von responsive html-E-Mails. Wir sind mit einem Dritten Motor zum senden der E-Mails in der Masse. Das problem ist, wenn E-Mail wird geöffnet in Google Mail-Posteingang, es zeigt download-Symbol auf einigen der Bilder (nicht alle), während Ihre generierte html-Code ist derselbe, wenn im Vergleich zu Bildern ohne download-Symbole.
Warum würde gmail hinzufügen download icons für Bilder auf E-Mails. Sieht aus wie seine Behandlung der Bilder, wie die Anlage. Alle Infos, Update oder Anregungen geschätzt ??
Hier ist der generierte html-Code, senden wir-
<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>
folgenden link sind Fragen, für etwas similer..
http://www.codeproject.com/Questions/439012/Email-images-are-rendered-as-attachments-in-gmail
https://productforums.google.com/forum/#!topic/gmail/BosiJUnYDt0
Ist es eine Art bug oder so was ?? Wenn Euch kann mir irgendeinen link oder so etwas, das wäre toll..
Danke Jungs
- Hast du eine Möglichkeit finden, entfernen Sie den download-Pfeil? Ich habe versucht, reduzieren der Bildgröße, das hinzufügen von alt-text, etc., aber ich bekomme immer noch den Pfeil für header-Bilder in HTML-E-Mails.
- Wenn Sie Aussehen bei das erste und einzige Antwort auf diese Frage selbst.. dann wird einem klar erwähnt, dass es eine neue Funktion in gmail. Es wird immer download-link für jedes Bild größer in der Größe (ich bin mir nicht ganz sicher über die genaue Grenze der Größe). Also, ich denke, wir können nicht entfernen Sie das download-Symbol. Für mehr info, können Sie die links der Antwort von #Pebbs
Du musst angemeldet sein, um einen Kommentar abzugeben.
Dies ist ein neues feature von Google implementiert mehrere Wochen zurück, ich glaube, es funktioniert nur auf "große" Bilder, aber ich konnte nicht herausfinden, die genauen Einschränkungen. Es scheint zu passieren, um so mehr, wo Sie haben eine sehr große held Bild.
Als ein feature, das ich annehme, dass es mehr vorgesehen, wo jemand, den Sie persönlich kennen, hat Sie mit einer Foto-eingebettet in die E-Mail, es ist auch ein weiteres feature, das ermöglicht Ihnen das hinzufügen direkt auf Ihrem Google Drive.
Ein Google Plus post von Gmail selbst
Ein blog post darüber
Habe ich behoben, indem er meine großen Bilder in ein Anker-tag wie diesen:
<a href='#'>
Wenn Sie nicht möchten, dass der Benutzer den cursor, um anzuzeigen, link, hinzufügen
style='cursor: default;'
zu Ihremimg
element.href='#'
, so müssen Sie Ihre CSS cursor auf das Bild selbst. Antwort bearbeitet wurde, um diese zu reflektieren.Konnte ich dieses Problem beheben, indem Sie schneiden mein Bild in 4 gleich große Stücke senkrecht und dann die Kodierung der 4 Bilder mit den folgenden code.
Als @Pebbs oben erklärt, Gmail erscheint, zu erkennen, Bilder in bestimmter Größe Einschränkungen als Download Anhängen. Um diese zu umgehen, was für mich gearbeitet wurde mit dem "background" - Attribut, um das Bild anzuzeigen, innerhalb eines
<td>
tag. Dies bewirkt eine Gmail empfinden das Bild als hintergrund, nicht als potenziell herunterladbare<img>
. So zum Beispiel, in Ihrem code statt der folgenden:Verwenden:
Beachten Sie, dass die VML zwischen den
<td>
s die benötigt werden könnten, die für ältere E-Mail-clients zu Rendern das Bild richtig.Einfache und saubere Art und Weise zu verhindern, dass Bild herunterladen und zu entfernen download-Symbol in gmail
Methode 1 : Hinzufügen
.a5q {display: none !important;}
css-Klasse in den tag.Methode 2 : Hinzufügen
tabletabletable div {display: none !important;}
Stil in Abschnitt innerhalb tag.Methode 3 :- nur Binden Sie Ihre image-tag mit a(Anker) - Tags mit der folgenden css-style:
style="cursor:default;"
Methode 4 :- Eine andere Methode, dies zu tun , wieder nur Binden Sie Ihre image-tag mit a(Anker) - Tags mit der folgenden css-style:
style="pointer-events:none;"
In einer marketing-E-Mail, du bist wahrscheinlich besser dran, trotzdem er so viele Bilder wie möglich mit link zu Ihrer Webseite.
Ihre massiven Verkauf banner sollten wahrscheinlich nur den link zu Ihrer Webseite - keine tricks nötig.
Und wenn Sie ein großes Bild von einem tatsächlichen Produkt, dann ist es eigentlich ein nettes feature ermöglicht es, in einer lightbox öffnen innerhalb von GMail. Der download in diesem Kontext erscheinen soll weniger Platz.
Hinzufügen .css-Klasse entfernen Sie das download-Symbol.
.a5q {display: none !important;}
Habe ich behoben, indem fügen Sie diesen code syles