Retina Email – Overhauling User Experience with High Quality Display!

RETINA EMAIL OVERHAULING USER EXPERIENCE WITH HIGH QUALITY DISPLAY! Tired of the blurred logos, images and icons in your emails? The heavenly Retina Emails are here! What the heck - Seriously? Yes, why not check out the Retina Email experience in your inbox? Request for a Retina Email www.emailmonks.com/tryretina WHY STEP INTO THE HEAVENLY WORLD OF RETINA EMAIL? CRYSTAL CLEAR ICONS SHARPER AND SMOOTHER LOGOS CLEANER, SHARPER AND CRISP IMAGES DETAILED VIEW AND ENHANCED CLARITY OF EMAIL HD VIDEOS IN EMAIL LOOKS BRILLIANT EXCELLENT FONT AND TEXT RENDERING IMPROVES COLOR AND CONTRAST OF EMAIL WHICH DEVICES SUPPORT RETINA DISPLAY? IPHONE 4S IPAD MINI, IPAD MINI 2 MACBOOK PRO 3 PHONE 5, 5C, 5S IPAD 3, 4, AIR SO, WHY'S RETINA A HOLY CHANT? In layman's terms, ppi refers to the number of pixels spread across the surface area of the screen. You can calculate your own ppi using calculators like this http://www.sven.de/dpi/ Retina Display is a brand name developed by Apple to refer to devices and monitors that have a resolution and pixel density so high - roughly 300 or more pixels per inch that a person is unable to discern the individual pixels at a normal viewing distance. It's been noted that with 20/20 vision the human eye can Apple's Retina Display made its debut on 2011's iPhone 45, which featured a 960x640 pixel screen with four times the number of pixels (326 pixels per inch) as the iPhone 4. distinguish pixels at up to 400 ppi. BEFORE YOU KICK START, IMBIBE THE BELOW MANTRAS If you've read emails on a retina display you may have noticed that some graphics look a little blurry. Standard-resolution bitmap images can look blocky on a Retina display and when scaled bigger, it might not remain smooth. So, how do you accommodate for these higher resolution displays and create an HTML email that looks brilliant on a Retina Display? One double-sized graphic for all recipients Create your images at a perfect 2x asp Watch your file size t ratio to the original size In emails, you don't have the Doing so, the integrity of the image Unlike web where you can control option of serving up the higher density image only when needed so you'll need to develop your email in a way that the double-sized retina-friendly graphic gets served to everyone. the file size using CSS, in emails you can't do that! With doubling of the width and height of the images, you will also end up increasing file size. will look as perfect as it should be after scaling, especially if the graphic contains any text. Be careful! logo Button Focus more on logos, Watch out media queries for icons and buttons responsive email html In emails, simpler graphics like Doubling the size of images and logos, buttons and icons are then scaling them might be chal- easy to be converted to higher resolutions without making the lenging in responsive html. To do so successfully, make sure that file size humongous. media queries aren't setting a fixed size that conflicts with the way you are scaling the images. MONKS' VERDICT The Retina display is the best screen you'll find on any device, and the difference it makes to your email viewing is dramatic. Although on a minute observation, it's like upgrading from dot matrix printers to laser ones, or from VHS to DVD. ABOUT Email Monks Email Monks design and code beautiful emails, newsletters and landing pages with add ons like retina, responsive & scalable coding. Some of our USPS include 24/7 customer and development support, 8 hours turnaround time, strict NDA and 100% money back guarantee. www.emailmonks.com f facebook.com/emailmonks e twitter.com/emailmonks +1 213 674 MONK Email Monks X [email protected] www.emailmonks.com S emailmonks O pinterest.com/emailmonks Sources Intricate | Idealoop | Sitepoint | Prezi