{"id":29,"date":"2020-12-14T15:20:27","date_gmt":"2020-12-14T20:20:27","guid":{"rendered":"https:\/\/pressbooks.library.ryerson.ca\/nps207\/?post_type=chapter&#038;p=29"},"modified":"2020-12-14T21:08:30","modified_gmt":"2020-12-15T02:08:30","slug":"chapter-1","status":"publish","type":"chapter","link":"https:\/\/pressbooks.library.torontomu.ca\/nps207\/chapter\/chapter-1\/","title":{"raw":"Chapter 1\u00a0\u2022 Images for Screen","rendered":"Chapter 1\u00a0\u2022 Images for Screen"},"content":{"raw":"<h2>The Mighty Pixel<\/h2>\r\nImages for screens are most commonly taken with digital cameras that record microscopic squares, or pixels (picture elements, <strong><span style=\"color: #ff0000\">Figure 1-1<\/span><\/strong>) of red, green, and blue colour information that in turn are displayed on screens.\r\n\r\n[caption id=\"attachment_33\" align=\"aligncenter\" width=\"1024\"]<a href=\"http:\/\/pressbooks.library.ryerson.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig1-1_pixels-1536.jpg\"><img style=\"border: 6px solid lightgray\" src=\"http:\/\/pressbooks.library.ryerson.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig1-1_pixels-1536-1024x512.jpg\" alt=\"picture expanded to show pixels\" width=\"1024\" height=\"512\" class=\"size-large wp-image-33\" \/><\/a> <strong>Figure 1-1.<\/strong> Photo with portion enlarged to show pixels or picture elements. (<em>Click on image to enlarge. Photo of Diablo Lake in Washington State<\/em><span><em>\u00a0by Sergei Akulich on Unsplash.<\/em>)<\/span>[\/caption]\r\n<h2>Planning for Resolution<\/h2>\r\nReaders look at screens on desktop and laptop computers, tablets, eReaders, and smartphones.\u00a0When preparing documents like web pages and eBooks for screen viewing, it's important to start by thinking about the reproduction size and required resolution. According to the site Hobo SEO services, 20% of computer users have a screen with a resolution of 1920\u00d71080 or larger. Today one of the smallest cell phones in common use is the 4.7-in.-diagonal iPhone 8 at 750\u00d71338 pixels. iPad tablets at 2048\u00d71536 can show a 1920px-wide image like a desktop computer. A screen resolution of 72 ppi (pixels per inch) or 28 ppc (pixels per centimeter) is optimal. Higher resolution will not necessarily provide sharper or more detailed images and will slow down the download speed.\r\n<h2>Text and Photos<\/h2>\r\nA key consideration for photographers who want to reproduce their work for screens is, what is the relative importance of the text and photos? Examples:\r\n<ul>\r\n \t<li>Photo-heavy book. A photographer, who wrote a coffee-table book of beautiful photos that only have short captions, wants to reproduce his work on-screen as an eBook or web site. The priority is to show the photos with maximum impact.<\/li>\r\n \t<li>Text-heavy book. An historical writer, who wrote a book about local history, wants to show photos of historic buildings and people that will be accompanied by lengthy descriptions and long captions. In this case, the photos are important, but the legibility and accessibility of the text must also be considered.<\/li>\r\n<\/ul>\r\n&nbsp;","rendered":"<h2>The Mighty Pixel<\/h2>\n<p>Images for screens are most commonly taken with digital cameras that record microscopic squares, or pixels (picture elements, <strong><span style=\"color: #ff0000\">Figure 1-1<\/span><\/strong>) of red, green, and blue colour information that in turn are displayed on screens.<\/p>\n<figure id=\"attachment_33\" aria-describedby=\"caption-attachment-33\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/pressbooks.library.ryerson.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig1-1_pixels-1536.jpg\"><img loading=\"lazy\" decoding=\"async\" style=\"border: 6px solid lightgray\" src=\"http:\/\/pressbooks.library.ryerson.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig1-1_pixels-1536-1024x512.jpg\" alt=\"picture expanded to show pixels\" width=\"1024\" height=\"512\" class=\"size-large wp-image-33\" srcset=\"https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig1-1_pixels-1536-1024x512.jpg 1024w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig1-1_pixels-1536-300x150.jpg 300w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig1-1_pixels-1536-768x384.jpg 768w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig1-1_pixels-1536-65x33.jpg 65w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig1-1_pixels-1536-225x113.jpg 225w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig1-1_pixels-1536-350x175.jpg 350w, https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-content\/uploads\/sites\/171\/2020\/12\/fig1-1_pixels-1536.jpg 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption id=\"caption-attachment-33\" class=\"wp-caption-text\"><strong>Figure 1-1.<\/strong> Photo with portion enlarged to show pixels or picture elements. (<em>Click on image to enlarge. Photo of Diablo Lake in Washington State<\/em><span><em>\u00a0by Sergei Akulich on Unsplash.<\/em>)<\/span><\/figcaption><\/figure>\n<h2>Planning for Resolution<\/h2>\n<p>Readers look at screens on desktop and laptop computers, tablets, eReaders, and smartphones.\u00a0When preparing documents like web pages and eBooks for screen viewing, it&#8217;s important to start by thinking about the reproduction size and required resolution. According to the site Hobo SEO services, 20% of computer users have a screen with a resolution of 1920\u00d71080 or larger. Today one of the smallest cell phones in common use is the 4.7-in.-diagonal iPhone 8 at 750\u00d71338 pixels. iPad tablets at 2048\u00d71536 can show a 1920px-wide image like a desktop computer. A screen resolution of 72 ppi (pixels per inch) or 28 ppc (pixels per centimeter) is optimal. Higher resolution will not necessarily provide sharper or more detailed images and will slow down the download speed.<\/p>\n<h2>Text and Photos<\/h2>\n<p>A key consideration for photographers who want to reproduce their work for screens is, what is the relative importance of the text and photos? Examples:<\/p>\n<ul>\n<li>Photo-heavy book. A photographer, who wrote a coffee-table book of beautiful photos that only have short captions, wants to reproduce his work on-screen as an eBook or web site. The priority is to show the photos with maximum impact.<\/li>\n<li>Text-heavy book. An historical writer, who wrote a book about local history, wants to show photos of historic buildings and people that will be accompanied by lengthy descriptions and long captions. In this case, the photos are important, but the legibility and accessibility of the text must also be considered.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n","protected":false},"author":6,"menu_order":2,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-29","chapter","type-chapter","status-publish","hentry"],"part":3,"_links":{"self":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-json\/pressbooks\/v2\/chapters\/29","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-json\/wp\/v2\/users\/6"}],"version-history":[{"count":8,"href":"https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-json\/pressbooks\/v2\/chapters\/29\/revisions"}],"predecessor-version":[{"id":48,"href":"https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-json\/pressbooks\/v2\/chapters\/29\/revisions\/48"}],"part":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-json\/pressbooks\/v2\/parts\/3"}],"metadata":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-json\/pressbooks\/v2\/chapters\/29\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-json\/wp\/v2\/media?parent=29"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-json\/pressbooks\/v2\/chapter-type?post=29"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-json\/wp\/v2\/contributor?post=29"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.library.torontomu.ca\/nps207\/wp-json\/wp\/v2\/license?post=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}