{"id":644,"date":"2015-01-05T17:30:29","date_gmt":"2015-01-05T17:30:29","guid":{"rendered":"https:\/\/themes.simonbouchard.com\/studio8\/?page_id=644"},"modified":"2015-03-07T05:11:45","modified_gmt":"2015-03-07T05:11:45","slug":"high-resolution-support","status":"publish","type":"page","link":"https:\/\/themes.simonbouchard.com\/studio8\/documentation\/high-resolution-support\/","title":{"rendered":"High Resolution Support"},"content":{"rendered":"<h2 class=\"hard-start\">How it works<\/h2>\n<p>When your users load a page, Studio8 checks each image on the page to see if there is a high-resolution version of that image on your server. If a high-resolution variant exists, a JavaScript helper script will automatically replaces images on your page with high-resolution variants.<\/p>\n<p>Studio8 assumes you use Apple&#8217;s prescribed high-resolution modifier (@2x) to denote high-resolution image variants on your server.<\/p>\n<p>For example, if you have an image on your page that looks like this:<\/p>\n<pre class=\"lang:xhtml decode:true \" >&lt;img src=\"\/images\/my_image.png\" \/&gt;<\/pre>\n<p>The theme will check your server to see if an alternative image exists at this path:<\/p>\n<pre class=\"lang:xhtml decode:true \" >\"\/images\/my_image@2x.png\"<\/pre>\n<h2>Uploading your images<\/h2>\n<p>When you upload an image and you want to make it available for high-resolution screens, just upload both your low-resolutions and high-resolution images at the same time and follow the file naming convention described below.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>How it works When your users load a page, Studio8 checks each image on the page to see if there is a high-resolution version of that image on your server. If a high-resolution variant exists, a JavaScript helper script will automatically replaces images on your page with high-resolution variants. Studio8 assumes you use Apple&#8217;s prescribed&#8230;  <a class=\"excerpt-read-more\" href=\"https:\/\/themes.simonbouchard.com\/studio8\/documentation\/high-resolution-support\/\" title=\"Read High Resolution Support\">Read more &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":617,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/pages\/644"}],"collection":[{"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/comments?post=644"}],"version-history":[{"count":1,"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/pages\/644\/revisions"}],"predecessor-version":[{"id":1457,"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/pages\/644\/revisions\/1457"}],"up":[{"embeddable":true,"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/pages\/617"}],"wp:attachment":[{"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/media?parent=644"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}