Dear User, Pixel resolution is not the same as rendering resolution in email or Device.
Dont lisent to Aple, use 2x Images becouse no one will hold the phone 10cm in front of the face. To save image size you can even go with higher compressions rate, the bigegst one I've ever used was 30% (PhotoShop JPGE). But for now I will recommend you that u use 60% to 55% compression on images.
There is a great trick wich will apply if u view the images in a downscaled version. I will go in the detail when I am done writing the Article. The only thing u have to watch out is when u use flat colors or gradient images/photos. Sadly u have to use 70% compression cuz the JPGE comprassion algorithm is not he best. Also if possible use less images like code the BTNs instead.
Dear users, if its not centered in you can use <center> on the parent element this should help. Also check if you using align="center on the table. if all is not helping please wrap the whole table of your newsletter in <center> like this
<center style="width: 100%; table-layout: fixed; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background-color: #ffffff;line-height:0px;" class="wrapper"> <table> <<"Email here">> </table> </center>
this should do the trick. that way I also centered my email in yahoo.com
Note: the code is a simplified versin of email code
Subscribe the newsletter of Invision then u have a good example how to use CTA in emails. Personaly I can tell put them always in <center> efen if u have 2 colum design. To further more dig in this subject read here
or visit this Blog post wich is done by Litmus (JASON RODRIGUEZ) wich acan be accessed here
hope this helps =)
Like Jeffrey Hoffman already mentioned, link to a Landing page, from there you almost can do what ever you like. But dont forget to talk and test it with your Webdeveloper from the Company.
Some Apps open the webview version in the default browser of the device.
I think you can go with a print me link wich is actually a show in web link there u should get the unstripped newsletter.html
you can test the print view if you open it in browser and take a look how it will look like if you would print it
Okey dont know how to respond to a respond but all the extra css is there to make sure that the Preheader is not shown in the foward to or respond email. All email providers like gmail.com will handle the email like a new one and strip away some code
Dear j mackinnon,
while resizing i did not see this bug, can you tell where I have to take a closerlook?
The only thing I can thing of is that the images are not the same size that way you may have some gabs. Or somewhere the line-hight is cousing this problem. Never the less check if you have some open tags HTML is a forgiving language but can sometimes couse errors
hellow here you go read this one here: https://litmus.com/community/learning/8-outlook-overview#toc_4 this should help! Dont forget to use proper CSS and !important with the proper formating of code, cuz outlook is very unforgiving to that =(