Mailchimp - Bildabmessungen in Outlook

Question

Im Codierung eine MailChimp Vorlage für einen Client beschränken und ich bin mit Problemen mit Bildern Dimensionen

Das Problem, das größer ist dann der Vorlage Breiten Bilder mit Breiten (in der Regel 600 Pixel) an gezeigt wird, Originalgröße im Ausblick. Ich kann meinen Benutzern vertrauen, dass sie mit einer solchen Schwäche umgehen können.

Es gibt eine Möglichkeit, die funktioniert, und das ist, wenn die Bildabmessungen fest im img-Tag codiert sind, obwohl beim Ändern des Bildes in Mailchimp die hartcodierten Attribute überlaufen. -So ist es nicht alles Microsofts Schuld.

Die nächste, die ich zu einer Lösung gekommen bin, finden Sie hier: How to retain image dimensions in Mailchimp templates - Aber die OPs eigene angenommene Antwort ist unvollständig.

Irgendwelche intelligenten Vorschläge? Habe jetzt schon einige Tage damit verbracht und misstraue.

Ich versuchte dies, sollte narrensicher sein, aber wenn es mit Lackmus Testen brach es in Outlook 2010 und unter:

<!-- content1 --> 
    <table mc:repeatable mc:variant="Section: item with image top and CTA" width="300" cellpadding="0" cellspacing="0" border="0" align="center" class="full-table" style="width:300px;"> 
     <tr> 
      <td bgcolor="#FFFFFF" width="100%"> 
       <table width="100%"> 
        <tr> 
         <td width="100%"> 
          <img mc:edit="article_image" src="https://gallery.mailchimp.com/3517b92e77c79cf5a2a6072a3/images/c37645eb-f76b-44e9-88ab-f01b1929dda2.jpg" id="contact-photo" alt="" style="width:100%; max-width:100%;" width="300"> 
         </td> 
        </tr> 
       </table> 
      </td> 
     </tr> 
    </table> 
<!-- end content1 --> 

Answer 1

Ich glaube, Ihre Frage könnte ein bisschen ähnlich wie diese Mailchimp affects my Outlook-specific conditional comments in HTML

Ich hatte das gleiche Problem wie du. Leider nach vielen Stunden Debugging en im Web durchsuchen, lese ich das folgende auf einem MailChimp Beitrag:

Outlook erkennt nicht die HTML, die Bilder beschränkt. Das bedeutet Wenn Sie HTML verwenden, um ein Bild zu ändern, das zu einer Kampagne oder Vorlage hochgeladen wird, wird es möglicherweise in der ursprünglichen Größe in Outlook angezeigt. Stellen Sie sicher, dass Sie die Größe Ihrer Bilder ändern, bevor Sie sie auf MailChimp hochladen, oder verwenden Sie unseren eingebauten Bildbearbeitungsprogramm .

Quelle: MailChimp Knowledge Base

ich nicht wirklich glauben, dass dies tatsächlich wahr sein könnte, damit ich immer wieder versucht, die Bilder zu beschränken. Ich habe feste Breite auf dem img, td, tr, Tisch .. nichts geholfen.

Leider kann ich nicht wirklich erklären, was passiert, hoffentlich die Verbindung zum MC Artikel gibt Ihnen eine bessere Sicht auf sich. Aber meine beste Antwort ist, eine maximale Breite & Breite zu Ihrem img und td sowieso einzustellen. Weisen Sie Ihren Kunden an, die Größe der Bilder auf die zulässige Größe zu ändern. Wenn Sie eine maximale Breite und Breite festlegen, wird auch die #px angezeigt, wenn Sie den Mauszeiger über das bearbeitbare Bild in Ihrem MailChimp-Editor bewegen. Ich fand auch heraus, dass MailChimp eine kleine Warnung ausgibt, wenn Sie eine größere Größe hochladen.

Wenn es in irgendeiner Weise helfen kann; Siehe meinen Code unten, den ich in meinen Vorlagen verwendet habe, um ihn flüssig zu machen.

<table mc:repeatable mc:variant="Item with image top and CTA" width="650" cellpadding="0" cellspacing="0" border="0" align="center" class="full-table" style="width:650px;"> 
<tr> 
    <td style="padding:30px 20px 40px 20px;" bgcolor="#FFFFFF"> 
    <table width="100%" cellpadding="0" cellspacing="0" border="0"> 
     <tr> 
     <td style="padding-bottom:15px;max-width:610px;"> 
      <img src="/images/img.jpg" alt="x" style="width:100%; max-width:610px;" width="610" mc:edit="article_image"> 
     </td> 
     </tr> 
    </tr> 
    </table> 
</td>