{"id":963,"date":"2022-12-21T16:56:36","date_gmt":"2022-12-21T16:56:36","guid":{"rendered":"https:\/\/byteboxmedia.support\/?p=963"},"modified":"2022-12-21T16:56:37","modified_gmt":"2022-12-21T16:56:37","slug":"the-image-object","status":"publish","type":"post","link":"https:\/\/byteboxmedia.support\/docs\/game-launcher-creator-v3\/the-image-object\/","title":{"rendered":"The Image Object"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"151\" height=\"151\" src=\"https:\/\/byteboxmedia.support\/wp-content\/uploads\/sites\/5\/2022\/12\/image-40.png\" alt=\"\" class=\"wp-image-964\"\/><\/figure>\n\n\n\n<p>The <a href=\"https:\/\/byteboxmedia.support\/help\/image-object\/\">image<\/a> object will be one of the main objects you use inside your game launcher.<\/p>\n\n\n\n<p>It allows you to import an image to use as part of your design.<\/p>\n\n\n\n<p><strong>Please Note &#8211; Do NOT use the image object for your main &#8220;background&#8221; image. Please use the <a href=\"https:\/\/byteboxmedia.support\/help\/page-settings\/\">Background Image<\/a> property inside the <a href=\"https:\/\/byteboxmedia.support\/help\/page-settings\/\">Page Settings<\/a> as this will stick the image to the <a href=\"https:\/\/byteboxmedia.support\/help\/image-object\/\">background<\/a>.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/byteboxmedia.support\/wp-content\/uploads\/sites\/5\/2022\/12\/image-41-1024x456.png\" alt=\"\" class=\"wp-image-965\" width=\"751\" height=\"334\" srcset=\"https:\/\/byteboxmedia.support\/wp-content\/uploads\/sites\/5\/2022\/12\/image-41-1024x456.png 1024w, https:\/\/byteboxmedia.support\/wp-content\/uploads\/sites\/5\/2022\/12\/image-41-300x134.png 300w, https:\/\/byteboxmedia.support\/wp-content\/uploads\/sites\/5\/2022\/12\/image-41-150x67.png 150w, https:\/\/byteboxmedia.support\/wp-content\/uploads\/sites\/5\/2022\/12\/image-41-768x342.png 768w, https:\/\/byteboxmedia.support\/wp-content\/uploads\/sites\/5\/2022\/12\/image-41.png 1181w\" sizes=\"(max-width: 751px) 100vw, 751px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Image<\/h3>\n\n\n\n<p><strong>Image File<\/strong><br>This is the file to use for your image. You can choose an image from the library by clicking the Browse <a href=\"https:\/\/byteboxmedia.support\/help\/the-launcher-library\/\">Launcher Library<\/a> button or you can toggle the Cloud Image to ON.<\/p>\n\n\n\n<p>Toggling the cloud image to ON, will require you to insert the full, absolute URL (including http\/https:\/\/) protocol. After you have done this, you can click &#8216;Refresh Image&#8217; in the image preview to see a full size preview of this image.<\/p>\n\n\n\n<p>The full size preview maybe bigger than the dialog window, but at least you get to see exactly how it will look when imported.<\/p>\n\n\n\n<p><strong>Quick Tip<\/strong><br>After importing your image, you will notice that the size may not be correct. If you wish to use the actual image size of this image, simply select it in the editor then in the pink toolbar that appears, click on the &#8216;Resize to Original&#8217; button and it will size it to the exact dimensions.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The image object will be one of the main objects you use inside your game launcher. It allows you to import an image to use as part of your design. Please Note &#8211; Do NOT use the image object for your main &#8220;background&#8221; image. Please use the Background Image property inside the Page Settings as [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"class_list":["post-963","post","type-post","status-publish","format-standard","hentry","category-game-launcher-creator-v3"],"_links":{"self":[{"href":"https:\/\/byteboxmedia.support\/wp-json\/wp\/v2\/posts\/963"}],"collection":[{"href":"https:\/\/byteboxmedia.support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/byteboxmedia.support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/byteboxmedia.support\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/byteboxmedia.support\/wp-json\/wp\/v2\/comments?post=963"}],"version-history":[{"count":1,"href":"https:\/\/byteboxmedia.support\/wp-json\/wp\/v2\/posts\/963\/revisions"}],"predecessor-version":[{"id":966,"href":"https:\/\/byteboxmedia.support\/wp-json\/wp\/v2\/posts\/963\/revisions\/966"}],"wp:attachment":[{"href":"https:\/\/byteboxmedia.support\/wp-json\/wp\/v2\/media?parent=963"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/byteboxmedia.support\/wp-json\/wp\/v2\/categories?post=963"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/byteboxmedia.support\/wp-json\/wp\/v2\/tags?post=963"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}