{"id":14111,"date":"2012-06-13T10:03:15","date_gmt":"2012-06-13T15:03:15","guid":{"rendered":"https:\/\/eshop.macsales.com\/blog\/?p=14111"},"modified":"2014-05-22T13:29:21","modified_gmt":"2014-05-22T18:29:21","slug":"15-macbook-pro-with-retina-display-lessens-web-experience","status":"publish","type":"post","link":"https:\/\/eshop.macsales.com\/blog\/14111-15-macbook-pro-with-retina-display-lessens-web-experience\/","title":{"rendered":"15″ MacBook Pro with Retina Display Lessens Web Experience"},"content":{"rendered":"

I love Retina displays… on Multi-touch devices, they’re awesome. The iPhone\u2019s Retina display empowers the user to see and read small items on a small screen. The iPad\u2019s Retina display presents print like resolution at a large size with razor sharpness.<\/p>\n

The downside to iPad\u2019s Retina display is that while text and other Retina-friendly imagery is razor sharp, images made for 1-to-1 pixel displays like almost all imagery on the web looks blurry, pixelated, or low resolution in comparison to the razor sharp look everything else has. The reason for this is that\u00a0images on the web are made for 1-to-1 (1 pixel = 1 pixel) displays. Contrast that with a Retina display which commonly has 4 pixels in the space that used to occupy 1 pixel.<\/p>\n

For a device that has pinching and zooming like an iPad, 1-to-1 pixel imagery is livable, but the 15″ MacBook Pro with Retina display isn\u2019t a Multi-touch screen that promotes zooming, so the pixelated issue of 1-to-1 pixel imagery is very much an issue. Even the Google logo looks pixelated on the MacBook Pro with Retina, while everything else is so crisp and \u201cRetina-esque\u201d.<\/p>\n

The fix for pixelated imagery is relatively simple, but it requires web site creators to make 2x scale versions of their images, but display them at the original 1-to-1 pixel size. An example would be to use a 200 x 200 image to display a 100 x 100 image a web site. Everyone else on a normal 1-to-1 pixel display sees the normal logo at seemingly normal resolution, while Retina display-based Macs, iPads, and iPhones would see a dramatic increase in image quality due to the higher resolution.<\/p>\n

The Retina display is a powerhouse. Almost everything else in native apps and photos looks amazingly crisp and clear on the Retina display. In fact, it\u2019s downright spectacular to see…we’re talking ooohs and aaaahs-type stuff. It’s just a shame that when Phil Schiller said that apps will need to be updated to take advantage of the Retina display, he failed in a big way to mention all web sites do, too. Even Apple\u2019s own web site only displays 2x Retina graphics on the home page and some iPad pages. Everything else has pixelated 1-to-1 imagery.<\/p>\n

As a result, the 15″ MacBook Pro with Retina display is a mixed bag.<\/p>\n

The Retina display is a groundbreaker that will take a while for everything and everyone to catch up. I don’t think web sites will be cranking out 2x imagery for a single machine and new iPads alone, but when Retina style hi-dpi displays take up more market share… I’d bet you’ll see web site creators start to switchover their graphics.<\/p>\n

Until then, the 15″ MacBook Pro with Retina display will remain ahead of its time, and remind you of that little fact with every pixelated 1-to-1 graphic you’ll see on the web.<\/p>\n

Here\u2019s an example of the Retina display\u00a0pixelated web image issue in action:<\/p>\n

\"Retina<\/a>
Pixelated web image example on 15" MacBook Pro with Retina display. Click on the image to view larger full image. <\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"

I love Retina displays… on Multi-touch devices, they’re awesome. The iPhone\u2019s Retina display empowers the user to see and read small items on a small screen. The iPad\u2019s Retina display presents print like resolution at a large size with razor sharpness. The downside to iPad\u2019s Retina display is that while text and other Retina-friendly imagery […]<\/p>\n","protected":false},"author":2,"featured_media":14118,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"spay_email":"","footnotes":""},"categories":[2646,7,3770],"class_list":["post-14111","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-industry-news","category-random-thoughts-and-topics","category-unplugged"],"yoast_head":"\n15" MacBook Pro with Retina Display Lessens Web Experience<\/title>\n<meta name=\"description\" content=\"The MacBook Pro 15 with Retina is a groundbreaker, but will take a while for everything and everyone to catch up.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/eshop.macsales.com\/blog\/14111-15-macbook-pro-with-retina-display-lessens-web-experience\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"15" MacBook Pro with Retina Display Lessens Web Experience\" \/>\n<meta property=\"og:description\" content=\"The MacBook Pro 15 with Retina is a groundbreaker, but will take a while for everything and everyone to catch up.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/eshop.macsales.com\/blog\/14111-15-macbook-pro-with-retina-display-lessens-web-experience\/\" \/>\n<meta property=\"og:site_name\" content=\"Rocket Yard\" \/>\n<meta property=\"article:published_time\" content=\"2012-06-13T15:03:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-05-22T18:29:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2013\/06\/retina_mbp2012_google.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"351\" \/>\n\t<meta property=\"og:image:height\" content=\"455\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Mike @ MacSales.com\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mike @ MacSales.com\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/eshop.macsales.com\/blog\/14111-15-macbook-pro-with-retina-display-lessens-web-experience\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/eshop.macsales.com\/blog\/14111-15-macbook-pro-with-retina-display-lessens-web-experience\/\"},\"author\":{\"name\":\"Mike @ MacSales.com\",\"@id\":\"https:\/\/eshop.macsales.com\/blog\/#\/schema\/person\/af41efbd56c837a2aba5e402737b3765\"},\"headline\":\"15″ MacBook Pro with Retina Display Lessens Web Experience\",\"datePublished\":\"2012-06-13T15:03:15+00:00\",\"dateModified\":\"2014-05-22T18:29:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/eshop.macsales.com\/blog\/14111-15-macbook-pro-with-retina-display-lessens-web-experience\/\"},\"wordCount\":532,\"commentCount\":58,\"publisher\":{\"@id\":\"https:\/\/eshop.macsales.com\/blog\/#organization\"},\"keywords\":[\"blurry\",\"Graphics\",\"MacBook Pro 15 with Retina Display\",\"pixelated\",\"Web\"],\"articleSection\":[\"Industry News\",\"Random Thoughts & Topics\",\"Unplugged\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/eshop.macsales.com\/blog\/14111-15-macbook-pro-with-retina-display-lessens-web-experience\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/eshop.macsales.com\/blog\/14111-15-macbook-pro-with-retina-display-lessens-web-experience\/\",\"url\":\"https:\/\/eshop.macsales.com\/blog\/14111-15-macbook-pro-with-retina-display-lessens-web-experience\/\",\"name\":\"15\\\" MacBook Pro with Retina Display Lessens Web Experience\",\"isPartOf\":{\"@id\":\"https:\/\/eshop.macsales.com\/blog\/#website\"},\"datePublished\":\"2012-06-13T15:03:15+00:00\",\"dateModified\":\"2014-05-22T18:29:21+00:00\",\"description\":\"The MacBook Pro 15 with Retina is a groundbreaker, but will take a while for everything and everyone to catch up.\",\"breadcrumb\":{\"@id\":\"https:\/\/eshop.macsales.com\/blog\/14111-15-macbook-pro-with-retina-display-lessens-web-experience\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/eshop.macsales.com\/blog\/14111-15-macbook-pro-with-retina-display-lessens-web-experience\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/eshop.macsales.com\/blog\/14111-15-macbook-pro-with-retina-display-lessens-web-experience\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/eshop.macsales.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"15″ MacBook Pro with Retina Display Lessens Web Experience\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/eshop.macsales.com\/blog\/#website\",\"url\":\"https:\/\/eshop.macsales.com\/blog\/\",\"name\":\"Rocket Yard\",\"description\":\"Your source for expert tips, special deals, commentary, reviews, and the latest tech news.\",\"publisher\":{\"@id\":\"https:\/\/eshop.macsales.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/eshop.macsales.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/eshop.macsales.com\/blog\/#organization\",\"name\":\"OWC\",\"url\":\"https:\/\/eshop.macsales.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/eshop.macsales.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/06\/rocket-yard-logo-round.png\",\"contentUrl\":\"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/06\/rocket-yard-logo-round.png\",\"width\":1024,\"height\":1024,\"caption\":\"OWC\"},\"image\":{\"@id\":\"https:\/\/eshop.macsales.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/eshop.macsales.com\/blog\/#\/schema\/person\/af41efbd56c837a2aba5e402737b3765\",\"name\":\"Mike @ MacSales.com\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/eshop.macsales.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9d382420468779275eb1115015948fdd26ceb1025a23d5ac7a82d8382d243c34?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9d382420468779275eb1115015948fdd26ceb1025a23d5ac7a82d8382d243c34?s=96&d=mm&r=g\",\"caption\":\"Mike @ MacSales.com\"},\"url\":\"https:\/\/eshop.macsales.com\/blog\/author\/mhoormann\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"15\" MacBook Pro with Retina Display Lessens Web Experience","description":"The MacBook Pro 15 with Retina is a groundbreaker, but will take a while for everything and everyone to catch up.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/eshop.macsales.com\/blog\/14111-15-macbook-pro-with-retina-display-lessens-web-experience\/","og_locale":"en_US","og_type":"article","og_title":"15\" MacBook Pro with Retina Display Lessens Web Experience","og_description":"The MacBook Pro 15 with Retina is a groundbreaker, but will take a while for everything and everyone to catch up.","og_url":"https:\/\/eshop.macsales.com\/blog\/14111-15-macbook-pro-with-retina-display-lessens-web-experience\/","og_site_name":"Rocket Yard","article_published_time":"2012-06-13T15:03:15+00:00","article_modified_time":"2014-05-22T18:29:21+00:00","og_image":[{"width":351,"height":455,"url":"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2013\/06\/retina_mbp2012_google.jpg","type":"image\/jpeg"}],"author":"Mike @ MacSales.com","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Mike @ MacSales.com","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/eshop.macsales.com\/blog\/14111-15-macbook-pro-with-retina-display-lessens-web-experience\/#article","isPartOf":{"@id":"https:\/\/eshop.macsales.com\/blog\/14111-15-macbook-pro-with-retina-display-lessens-web-experience\/"},"author":{"name":"Mike @ MacSales.com","@id":"https:\/\/eshop.macsales.com\/blog\/#\/schema\/person\/af41efbd56c837a2aba5e402737b3765"},"headline":"15″ MacBook Pro with Retina Display Lessens Web Experience","datePublished":"2012-06-13T15:03:15+00:00","dateModified":"2014-05-22T18:29:21+00:00","mainEntityOfPage":{"@id":"https:\/\/eshop.macsales.com\/blog\/14111-15-macbook-pro-with-retina-display-lessens-web-experience\/"},"wordCount":532,"commentCount":58,"publisher":{"@id":"https:\/\/eshop.macsales.com\/blog\/#organization"},"keywords":["blurry","Graphics","MacBook Pro 15 with Retina Display","pixelated","Web"],"articleSection":["Industry News","Random Thoughts & Topics","Unplugged"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/eshop.macsales.com\/blog\/14111-15-macbook-pro-with-retina-display-lessens-web-experience\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/eshop.macsales.com\/blog\/14111-15-macbook-pro-with-retina-display-lessens-web-experience\/","url":"https:\/\/eshop.macsales.com\/blog\/14111-15-macbook-pro-with-retina-display-lessens-web-experience\/","name":"15\" MacBook Pro with Retina Display Lessens Web Experience","isPartOf":{"@id":"https:\/\/eshop.macsales.com\/blog\/#website"},"datePublished":"2012-06-13T15:03:15+00:00","dateModified":"2014-05-22T18:29:21+00:00","description":"The MacBook Pro 15 with Retina is a groundbreaker, but will take a while for everything and everyone to catch up.","breadcrumb":{"@id":"https:\/\/eshop.macsales.com\/blog\/14111-15-macbook-pro-with-retina-display-lessens-web-experience\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/eshop.macsales.com\/blog\/14111-15-macbook-pro-with-retina-display-lessens-web-experience\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/eshop.macsales.com\/blog\/14111-15-macbook-pro-with-retina-display-lessens-web-experience\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/eshop.macsales.com\/blog\/"},{"@type":"ListItem","position":2,"name":"15″ MacBook Pro with Retina Display Lessens Web Experience"}]},{"@type":"WebSite","@id":"https:\/\/eshop.macsales.com\/blog\/#website","url":"https:\/\/eshop.macsales.com\/blog\/","name":"Rocket Yard","description":"Your source for expert tips, special deals, commentary, reviews, and the latest tech news.","publisher":{"@id":"https:\/\/eshop.macsales.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/eshop.macsales.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/eshop.macsales.com\/blog\/#organization","name":"OWC","url":"https:\/\/eshop.macsales.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/eshop.macsales.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/06\/rocket-yard-logo-round.png","contentUrl":"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/06\/rocket-yard-logo-round.png","width":1024,"height":1024,"caption":"OWC"},"image":{"@id":"https:\/\/eshop.macsales.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/eshop.macsales.com\/blog\/#\/schema\/person\/af41efbd56c837a2aba5e402737b3765","name":"Mike @ MacSales.com","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/eshop.macsales.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9d382420468779275eb1115015948fdd26ceb1025a23d5ac7a82d8382d243c34?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9d382420468779275eb1115015948fdd26ceb1025a23d5ac7a82d8382d243c34?s=96&d=mm&r=g","caption":"Mike @ MacSales.com"},"url":"https:\/\/eshop.macsales.com\/blog\/author\/mhoormann\/"}]}},"jetpack_featured_media_url":"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2013\/06\/retina_mbp2012_google.jpg","jetpack_shortlink":"https:\/\/wp.me\/pmPaT-3FB","_links":{"self":[{"href":"https:\/\/eshop.macsales.com\/blog\/wp-json\/wp\/v2\/posts\/14111","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eshop.macsales.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eshop.macsales.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eshop.macsales.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/eshop.macsales.com\/blog\/wp-json\/wp\/v2\/comments?post=14111"}],"version-history":[{"count":24,"href":"https:\/\/eshop.macsales.com\/blog\/wp-json\/wp\/v2\/posts\/14111\/revisions"}],"predecessor-version":[{"id":14139,"href":"https:\/\/eshop.macsales.com\/blog\/wp-json\/wp\/v2\/posts\/14111\/revisions\/14139"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/eshop.macsales.com\/blog\/wp-json\/wp\/v2\/media\/14118"}],"wp:attachment":[{"href":"https:\/\/eshop.macsales.com\/blog\/wp-json\/wp\/v2\/media?parent=14111"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eshop.macsales.com\/blog\/wp-json\/wp\/v2\/categories?post=14111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}