{"id":889,"date":"2014-12-30T06:00:44","date_gmt":"2014-12-30T06:00:44","guid":{"rendered":"https:\/\/www.santarosawebsite.com\/websitedesign\/?p=889"},"modified":"2014-12-31T16:05:37","modified_gmt":"2014-12-31T16:05:37","slug":"full-screen-images-for-a-homepage","status":"publish","type":"post","link":"https:\/\/businesswebsitecenter.com\/websitedesign\/full-screen-images-for-a-homepage\/","title":{"rendered":"Full-screen images for a homepage"},"content":{"rendered":"<p>It was not long ago that having a <strong>full-width high resolution image<\/strong> on a homepage was quite a coding challenge. First there was a compatibility issues with all major browsers (reacting differently to the code), mobile device issue (since compressing such a large image would greatly slow down the website on a smart phone or tablet) and an Internet speed issue (as large images typically are very large files).<\/p>\n<p>Thanks to HTML5 and CSS3, web designers are now able to design cool and powerful homepages by using one or multiple full-screen images. This look can have a great visual impact on the visitor and convey a strong message.<\/p>\n<p>We hear it all before <em>\u201cA picture is worth a thousand words\u201d<\/em> and this is true too in website design. As the Internet progresses and people\u2019s life get even busier (who knew this was possible!), web searchers read less and less. They want images and few words.<\/p>\n<p>Of course, this is not a style we would recommend to every company and industry. Having a website that is \u201ctoo pretty\u201d is not necessarily a good option for corporate type sites who are trying to convey a \u201cwhite collar\u201d message. Also if you have a lot that needs to be said on a homepage, then having a large image taking all of the \u201cwebsite real estate\u201d is not a good design option for you.<\/p>\n<p>An experienced web master should discuss with you the pros and cos of having a full-width image homepage style versus a more standard design. Just because you love purple that does not mean your website should be different shades of lavender colors. If you are interested in such a design, our team would be happy to speak with you. Our consultations are always complimentary with no strings attached.<\/p>\n<figure id=\"attachment_942\" aria-describedby=\"caption-attachment-942\" style=\"width: 900px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.santarosawebsite.com\/websitedesign\/wp-content\/uploads\/2014\/12\/fullscreenimages.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-942\" src=\"https:\/\/www.santarosawebsite.com\/websitedesign\/wp-content\/uploads\/2014\/12\/fullscreenimages.jpg\" alt=\"images as background on website\" width=\"900\" height=\"716\" srcset=\"https:\/\/businesswebsitecenter.com\/websitedesign\/wp-content\/uploads\/2014\/12\/fullscreenimages.jpg 900w, https:\/\/businesswebsitecenter.com\/websitedesign\/wp-content\/uploads\/2014\/12\/fullscreenimages-300x238.jpg 300w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><figcaption id=\"caption-attachment-942\" class=\"wp-caption-text\">Website trend using full width images<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>It was not long ago that having a full-width high resolution image on a homepage was quite a coding challenge. First there was a compatibility issues with all major browsers (reacting differently to the code), mobile device issue (since compressing such a large image would greatly slow down the website on a smart phone or [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":890,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10,11,15,20],"tags":[],"_links":{"self":[{"href":"https:\/\/businesswebsitecenter.com\/websitedesign\/wp-json\/wp\/v2\/posts\/889"}],"collection":[{"href":"https:\/\/businesswebsitecenter.com\/websitedesign\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/businesswebsitecenter.com\/websitedesign\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/businesswebsitecenter.com\/websitedesign\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/businesswebsitecenter.com\/websitedesign\/wp-json\/wp\/v2\/comments?post=889"}],"version-history":[{"count":3,"href":"https:\/\/businesswebsitecenter.com\/websitedesign\/wp-json\/wp\/v2\/posts\/889\/revisions"}],"predecessor-version":[{"id":943,"href":"https:\/\/businesswebsitecenter.com\/websitedesign\/wp-json\/wp\/v2\/posts\/889\/revisions\/943"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/businesswebsitecenter.com\/websitedesign\/wp-json\/wp\/v2\/media\/890"}],"wp:attachment":[{"href":"https:\/\/businesswebsitecenter.com\/websitedesign\/wp-json\/wp\/v2\/media?parent=889"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/businesswebsitecenter.com\/websitedesign\/wp-json\/wp\/v2\/categories?post=889"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/businesswebsitecenter.com\/websitedesign\/wp-json\/wp\/v2\/tags?post=889"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}