{"id":2559,"date":"2013-05-22T17:18:58","date_gmt":"2013-05-22T17:18:58","guid":{"rendered":"http:\/\/www.webninjataylor.com\/library\/?p=2559"},"modified":"2014-06-24T21:10:55","modified_gmt":"2014-06-24T21:10:55","slug":"easy-high-dpi-images","status":"publish","type":"post","link":"https:\/\/webninjataylor.com\/library\/easy-high-dpi-images\/","title":{"rendered":"High DPI Images"},"content":{"rendered":"<p>Create images that are 2x the size they need to be at 72dpi and resize to 1x in the CSS via width and height (<a href=\"http:\/\/www.html5rocks.com\/en\/mobile\/easy-high-dpi-images\/\" target=\"_blank\">Easy High DPI Images<\/a>).<\/p>\n<p>In the early days, computer displays had a pixel density of 72 or 96dpi (dots per inch).\u00a0Displays gradually improved in pixel density, largely driven by the mobile use case, in which users generally hold their phones closer to their faces, making pixels more visible. By 2008, <strong>150dpi<\/strong> phones were the new norm. The trend in increased display density continued, and today&#8217;s new phones sport <strong>300dpi<\/strong> displays (branded &#8220;Retina&#8221; by Apple)&#8230; (<a href=\"http:\/\/www.html5rocks.com\/en\/mobile\/high-dpi\/\" target=\"_blank\">High DPI Images for Variable Pixel Densities<\/a>)<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Create images that are 2x the size they need to be at 72dpi and resize to 1x in the CSS via width and height (Easy High DPI Images). In the early days, computer displays had a pixel density of 72 or 96dpi (dots per inch).\u00a0Displays gradually improved in pixel density, largely driven by the mobile [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[144],"tags":[19,145],"class_list":["post-2559","post","type-post","status-publish","format-standard","hentry","category-web-shots","tag-css","tag-mobile"],"_links":{"self":[{"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/posts\/2559","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/comments?post=2559"}],"version-history":[{"count":8,"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/posts\/2559\/revisions"}],"predecessor-version":[{"id":3357,"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/posts\/2559\/revisions\/3357"}],"wp:attachment":[{"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/media?parent=2559"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/categories?post=2559"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/tags?post=2559"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}