{"id":780,"date":"2015-08-04T17:32:48","date_gmt":"2015-08-04T17:32:48","guid":{"rendered":"http:\/\/wordpress.local\/studio9\/?page_id=746"},"modified":"2015-08-05T14:42:01","modified_gmt":"2015-08-05T14:42:01","slug":"high-resolution-support","status":"publish","type":"page","link":"https:\/\/themes.simonbouchard.com\/studio9\/documentation\/high-resolution-support\/","title":{"rendered":"High Resolution Support"},"content":{"rendered":"

[vc_row type=”boxed” css=”.vc_custom_1438713930186{padding-top: 0px !important;padding-bottom: 4% !important;}”][vc_column][vc_column_text]Last updated on August 4, 2015[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1438785563670{margin-bottom: 0px !important;}”][vc_column][vc_row_inner type=”boxed”][vc_column_inner width=”1\/3″][vc_widget_sidebar sidebar_id=”sidebar”][\/vc_column_inner][vc_column_inner width=”2\/3″][vc_column_text]<\/p>\n

Retina Display Support<\/h4>\n

[\/vc_column_text][vc_empty_space][vc_column_text]When your visitors load a page, Studio 9 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

Studio 9 assumes you use Apple’s prescribed high-resolution modifier (@2x) to denote high-resolution image variants on your server.<\/p>\n

For example, if you have an image on your page that looks like this:<\/p>\n

<img src=\"\/images\/my_image.png\" alt=\"\" \/><\/code><\/p>\n

Studio 9 will check your server to see if an alternative image exists at this path:<\/p>\n

\"\/images\/my_image@2x.png\"<\/code><\/p>\n

Uploading your images<\/h5>\n

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.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"

[vc_row type=”boxed” css=”.vc_custom_1438713930186{padding-top: 0px !important;padding-bottom: 4% !important;}”][vc_column][vc_column_text]Last updated on August 4, 2015[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1438785563670{margin-bottom: 0px !important;}”][vc_column][vc_row_inner type=”boxed”][vc_column_inner width=”1\/3″][vc_widget_sidebar sidebar_id=”sidebar”][\/vc_column_inner][vc_column_inner width=”2\/3″][vc_column_text] Retina Display Support [\/vc_column_text][vc_empty_space][vc_column_text]When your visitors load a page, Studio 9 checks each image on the…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":778,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/themes.simonbouchard.com\/studio9\/wp-json\/wp\/v2\/pages\/780"}],"collection":[{"href":"https:\/\/themes.simonbouchard.com\/studio9\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themes.simonbouchard.com\/studio9\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themes.simonbouchard.com\/studio9\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.simonbouchard.com\/studio9\/wp-json\/wp\/v2\/comments?post=780"}],"version-history":[{"count":5,"href":"https:\/\/themes.simonbouchard.com\/studio9\/wp-json\/wp\/v2\/pages\/780\/revisions"}],"predecessor-version":[{"id":800,"href":"https:\/\/themes.simonbouchard.com\/studio9\/wp-json\/wp\/v2\/pages\/780\/revisions\/800"}],"up":[{"embeddable":true,"href":"https:\/\/themes.simonbouchard.com\/studio9\/wp-json\/wp\/v2\/pages\/778"}],"wp:attachment":[{"href":"https:\/\/themes.simonbouchard.com\/studio9\/wp-json\/wp\/v2\/media?parent=780"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}