{"id":207,"date":"2017-03-06T09:35:17","date_gmt":"2017-03-06T09:35:17","guid":{"rendered":"http:\/\/learnlearn.uk\/binary\/?page_id=207"},"modified":"2017-03-06T10:40:32","modified_gmt":"2017-03-06T10:40:32","slug":"grayscale-images-lesson-plan","status":"publish","type":"page","link":"https:\/\/learnlearn.uk\/binary\/grayscale-images-lesson-plan\/","title":{"rendered":"Grayscale images lesson plan"},"content":{"rendered":"<p>\n<div class=\"arconix-tabs-horizontal\"><ul class=\"arconix-tabs\"><li data-arconix-icon=\" \" data-arconix-color=\" \" class=\"arconix-tab tab-Starter\"><a class=\"\" href=\"#tab-Starter\">Starter<\/a><\/li>\n<li data-arconix-icon=\" \" data-arconix-color=\" \" class=\"arconix-tab tab-GrayscaleImages\"><a class=\"\" href=\"#tab-GrayscaleImages\">Grayscale Images<\/a><\/li>\n<li data-arconix-icon=\" \" data-arconix-color=\" \" class=\"arconix-tab tab-Activity1\"><a class=\"\" href=\"#tab-Activity1\">Activity 1<\/a><\/li>\n<li data-arconix-icon=\" \" data-arconix-color=\" \" class=\"arconix-tab tab-Activity2\"><a class=\"\" href=\"#tab-Activity2\">Activity 2<\/a><\/li>\n<li data-arconix-icon=\" \" data-arconix-color=\" \" class=\"arconix-tab tab-Plenary\"><a class=\"\" href=\"#tab-Plenary\">Plenary<\/a><\/li><\/ul>\n<div class=\"arconix-panes\"><div class=\"arconix-pane pane-Starter\">\n<h3>Starter<\/h3>\n<p>Practice your binary conversion skills using this great game!<\/p>\n<a href='https:\/\/studio.code.org\/projects\/applab\/iukLbcDnzqgoxuu810unLw' class='arconix-button arconix-button-medium arconix-button-gray'>Code.org binary game<\/a>\n<\/div>\n<div class=\"arconix-pane pane-GrayscaleImages\">\n<h3>Grayscale Images<\/h3>\n<p>The images we have been looking at so far have been very simple, pure black and white images, but when we think of black and white images, we aren&#8217;t usually thinking of just black and white, we are thinking of images that contain lots of grays. These are known as <strong>grayscale<\/strong> images.<\/p>\n<div class=\"arconix-column-one-half\">\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-101\" src=\"https:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/01\/tree-pciture-grayscale-280x300.jpg\" alt=\"tree-pciture-grayscale\" width=\"280\" height=\"300\" srcset=\"https:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/01\/tree-pciture-grayscale-280x300.jpg 280w, https:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/01\/tree-pciture-grayscale-600x644.jpg 600w, https:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/01\/tree-pciture-grayscale.jpg 671w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/p>\n<p>Here is a grey-scale image of a tree<\/p>\n<\/div>\n<div class=\"arconix-column-one-half\">\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-102\" src=\"https:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/01\/bw-image-tree-280x300.jpg\" alt=\"bw-image-tree\" width=\"280\" height=\"300\" srcset=\"https:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/01\/bw-image-tree-280x300.jpg 280w, https:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/01\/bw-image-tree-600x644.jpg 600w, https:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/01\/bw-image-tree.jpg 671w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/p>\n<p>Here is the same grey-scale image, converted to pure black and white.<\/p>\n<\/div>\n<h3><strong>How do grayscale images work?<\/strong><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-103\" src=\"https:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/01\/Gray_scale-300x225.jpg\" alt=\"gray_scale\" width=\"300\" height=\"225\" srcset=\"https:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/01\/Gray_scale-300x225.jpg 300w, https:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/01\/Gray_scale-768x576.jpg 768w, https:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/01\/Gray_scale-1024x768.jpg 1024w, https:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/01\/Gray_scale-600x450.jpg 600w, https:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/01\/Gray_scale.jpg 2000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>White (255) \u00a0 \u00a0 &#8212;&gt; \u00a0 \u00a0 Black (0)<\/p>\n<p><a href=\"https:\/\/commons.wikimedia.org\/wiki\/File:Gray_scale.jpg\">Source : Wikipedia<\/a><\/p>\n<p>With pure black and white images converting them to binary is easy, we just use either a 1 or a 0, but greyscale images are more complicated.<\/p>\n<p>Gray-scale images use a number between 0 (black) and 255(white) for each pixel. This means that instead of just using one bit (0) for each pixel, we have to use 8 bits (e.g. 10100010) instead.<\/p>\n<p>This means that grayscale images are 8 times larger than pure black and white.<\/p>\n<ul>\n<li><span style=\"color: #000080;\">Black and white 8 by 8 \u00a0image \u00a0= \u00a08 x 8 = 64 bits<\/span><\/li>\n<li><span style=\"color: #000080;\">Grayscale 8 by 8 image = \u00a08 x 8 x 8 = 512 bits<\/span><\/li>\n<\/ul>\n<h2>Grayscale image example<\/h2>\n<p>Here is an example of a tiny image, with only 4 pixels. We have enlarged the image, because normally you wouldn&#8217;t be able to see an image this small!<\/p>\n<p>It is made of a four shades of greyscale &#8211; black, dark grey, light grey and white.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-105\" src=\"https:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/01\/grayscale-image-example-fixed.png\" alt=\"grayscale-image-example-fixed\" width=\"877\" height=\"378\" srcset=\"https:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/01\/grayscale-image-example-fixed.png 877w, https:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/01\/grayscale-image-example-fixed-300x129.png 300w, https:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/01\/grayscale-image-example-fixed-768x331.png 768w, https:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/01\/grayscale-image-example-fixed-600x259.png 600w\" sizes=\"(max-width: 877px) 100vw, 877px\" \/><\/p>\n<p>&nbsp;<\/p>\n<\/div>\n<div class=\"arconix-pane pane-Activity1\">\n<div class=\"arconix-column-two-thirds\">\n<h3>Activity 1<\/h3>\n<p>Click on the spreadsheet below and when it opens up, <span style=\"color: #ff0000;\"><strong>make a copy<\/strong> <\/span>(otherwise you won&#8217;t be able to edit it!) and then create your own image by placing a number from 0 to 255 in the cells.<\/p>\n<a href='https:\/\/docs.google.com\/spreadsheets\/d\/1VGwho-WxMO_XCKZiNMMcFhw8uTA0supeUv1MfOKiApc\/edit?usp=sharing' class='arconix-button arconix-button-medium arconix-button-gray'>Grayscale Image Sheet<\/a>\n<\/div>\n<div class=\"arconix-column-one-third\">\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-216\" src=\"https:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/03\/grayscale-make-your-own-picture-300x254.png\" alt=\"grayscale make your own picture\" width=\"300\" height=\"254\" srcset=\"https:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/03\/grayscale-make-your-own-picture-300x254.png 300w, https:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/03\/grayscale-make-your-own-picture.png 496w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<\/div>\n<\/div>\n<div class=\"arconix-pane pane-Activity2\">\n<h3>Activity 2<\/h3>\n<p>Open up your Google Sheets learning log and fill out the log for today&#8217;s lesson.<\/p>\n<\/div>\n<div class=\"arconix-pane pane-Plenary\">\n<h3>Plenary<\/h3>\n<p>Have a go at this class Kahoot Plenary<\/p>\n<a href='https:\/\/play.kahoot.it\/#\/k\/cf4a5512-a6bc-4aee-8184-b6808f1c7ff5' class='arconix-button arconix-button-medium arconix-button-gray' target=\"_blank\" >Kahoot Plenary<\/a>\n<\/div><\/div><\/div>\n<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Grayscale images lesson plan - Binary<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/learnlearn.uk\/binary\/grayscale-images-lesson-plan\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Grayscale images lesson plan - Binary\" \/>\n<meta property=\"og:url\" content=\"https:\/\/learnlearn.uk\/binary\/grayscale-images-lesson-plan\/\" \/>\n<meta property=\"og:site_name\" content=\"Binary\" \/>\n<meta property=\"article:modified_time\" content=\"2017-03-06T10:40:32+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/01\/tree-pciture-grayscale-280x300.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/learnlearn.uk\/binary\/grayscale-images-lesson-plan\/\",\"url\":\"https:\/\/learnlearn.uk\/binary\/grayscale-images-lesson-plan\/\",\"name\":\"Grayscale images lesson plan - Binary\",\"isPartOf\":{\"@id\":\"https:\/\/learnlearn.uk\/binary\/#website\"},\"datePublished\":\"2017-03-06T09:35:17+00:00\",\"dateModified\":\"2017-03-06T10:40:32+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/learnlearn.uk\/binary\/grayscale-images-lesson-plan\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/learnlearn.uk\/binary\/grayscale-images-lesson-plan\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/learnlearn.uk\/binary\/grayscale-images-lesson-plan\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Binary Unit Home\",\"item\":\"https:\/\/learnlearn.uk\/binary\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Grayscale images lesson plan\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/learnlearn.uk\/binary\/#website\",\"url\":\"https:\/\/learnlearn.uk\/binary\/\",\"name\":\"Binary\",\"description\":\"Just another My Blog site\",\"publisher\":{\"@id\":\"https:\/\/learnlearn.uk\/binary\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/learnlearn.uk\/binary\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/learnlearn.uk\/binary\/#organization\",\"name\":\"Binary\",\"url\":\"https:\/\/learnlearn.uk\/binary\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/learnlearn.uk\/binary\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2019\/02\/LearnLearnLogowhite.png\",\"contentUrl\":\"https:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2019\/02\/LearnLearnLogowhite.png\",\"width\":710,\"height\":98,\"caption\":\"Binary\"},\"image\":{\"@id\":\"https:\/\/learnlearn.uk\/binary\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Grayscale images lesson plan - Binary","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/learnlearn.uk\/binary\/grayscale-images-lesson-plan\/","og_locale":"en_US","og_type":"article","og_title":"Grayscale images lesson plan - Binary","og_url":"https:\/\/learnlearn.uk\/binary\/grayscale-images-lesson-plan\/","og_site_name":"Binary","article_modified_time":"2017-03-06T10:40:32+00:00","og_image":[{"url":"http:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/01\/tree-pciture-grayscale-280x300.jpg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/learnlearn.uk\/binary\/grayscale-images-lesson-plan\/","url":"https:\/\/learnlearn.uk\/binary\/grayscale-images-lesson-plan\/","name":"Grayscale images lesson plan - Binary","isPartOf":{"@id":"https:\/\/learnlearn.uk\/binary\/#website"},"datePublished":"2017-03-06T09:35:17+00:00","dateModified":"2017-03-06T10:40:32+00:00","breadcrumb":{"@id":"https:\/\/learnlearn.uk\/binary\/grayscale-images-lesson-plan\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/learnlearn.uk\/binary\/grayscale-images-lesson-plan\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/learnlearn.uk\/binary\/grayscale-images-lesson-plan\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Binary Unit Home","item":"https:\/\/learnlearn.uk\/binary\/"},{"@type":"ListItem","position":2,"name":"Grayscale images lesson plan"}]},{"@type":"WebSite","@id":"https:\/\/learnlearn.uk\/binary\/#website","url":"https:\/\/learnlearn.uk\/binary\/","name":"Binary","description":"Just another My Blog site","publisher":{"@id":"https:\/\/learnlearn.uk\/binary\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/learnlearn.uk\/binary\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/learnlearn.uk\/binary\/#organization","name":"Binary","url":"https:\/\/learnlearn.uk\/binary\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/learnlearn.uk\/binary\/#\/schema\/logo\/image\/","url":"https:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2019\/02\/LearnLearnLogowhite.png","contentUrl":"https:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2019\/02\/LearnLearnLogowhite.png","width":710,"height":98,"caption":"Binary"},"image":{"@id":"https:\/\/learnlearn.uk\/binary\/#\/schema\/logo\/image\/"}}]}},"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"learnlearnadmin","author_link":"https:\/\/learnlearn.uk\/binary\/author\/learnlearnadmin\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":null,"_links":{"self":[{"href":"https:\/\/learnlearn.uk\/binary\/wp-json\/wp\/v2\/pages\/207"}],"collection":[{"href":"https:\/\/learnlearn.uk\/binary\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/learnlearn.uk\/binary\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/learnlearn.uk\/binary\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/learnlearn.uk\/binary\/wp-json\/wp\/v2\/comments?post=207"}],"version-history":[{"count":0,"href":"https:\/\/learnlearn.uk\/binary\/wp-json\/wp\/v2\/pages\/207\/revisions"}],"wp:attachment":[{"href":"https:\/\/learnlearn.uk\/binary\/wp-json\/wp\/v2\/media?parent=207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}