{"id":581,"date":"2015-05-05T12:26:01","date_gmt":"2015-05-05T15:56:01","guid":{"rendered":"http:\/\/wordpress.local\/collektion\/?page_id=581"},"modified":"2015-05-05T12:26:01","modified_gmt":"2015-05-05T15:56:01","slug":"high-resolution-support","status":"publish","type":"page","link":"https:\/\/themes.simonbouchard.com\/collektion\/documentation\/high-resolution-support\/","title":{"rendered":"High Resolution Support"},"content":{"rendered":"<h4>How it works<\/h4>\n<p>When your visitors load a page, Collektion 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>Collektion 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<p><code>&lt;img src=\"\/images\/my_image.png\" \/&gt;<\/code> <\/p>\n<p>The theme will check your server to see if an alternative image exists at this path:<\/p>\n<p><code>\"\/images\/my_image@2x.png\"<\/code> <\/p>\n<h5>Uploading your images<\/h5>\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 visitors load a page, Collektion 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. Collektion assumes you use Apple&#8217;s prescribed&#8230;  <a class=\"link\" href=\"https:\/\/themes.simonbouchard.com\/collektion\/documentation\/high-resolution-support\/\" title=\"Read High Resolution Support\">Read more &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":407,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/themes.simonbouchard.com\/collektion\/wp-json\/wp\/v2\/pages\/581"}],"collection":[{"href":"https:\/\/themes.simonbouchard.com\/collektion\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themes.simonbouchard.com\/collektion\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themes.simonbouchard.com\/collektion\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.simonbouchard.com\/collektion\/wp-json\/wp\/v2\/comments?post=581"}],"version-history":[{"count":0,"href":"https:\/\/themes.simonbouchard.com\/collektion\/wp-json\/wp\/v2\/pages\/581\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/themes.simonbouchard.com\/collektion\/wp-json\/wp\/v2\/pages\/407"}],"wp:attachment":[{"href":"https:\/\/themes.simonbouchard.com\/collektion\/wp-json\/wp\/v2\/media?parent=581"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}