{"id":11,"date":"2017-01-02T17:43:03","date_gmt":"2017-01-02T17:43:03","guid":{"rendered":"http:\/\/learnlearn.uk\/binary\/?page_id=11"},"modified":"2024-09-26T07:56:17","modified_gmt":"2024-09-26T07:56:17","slug":"black-white-image-representation-binary","status":"publish","type":"page","link":"https:\/\/learnlearn.uk\/binary\/black-white-image-representation-binary\/","title":{"rendered":"Black and White Image Representation in Binary"},"content":{"rendered":"\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-Bitmapimages\"><a class=\"\" href=\"#tab-Bitmapimages\">Bitmap images<\/a><\/li>\n<li data-arconix-icon=\" \" data-arconix-color=\" \" class=\"arconix-tab tab-Bitmapstobinary\"><a class=\"\" href=\"#tab-Bitmapstobinary\">Bitmaps to binary<\/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-Activity\"><a class=\"\" href=\"#tab-Activity\">Activity<\/a><\/li>\n<li data-arconix-icon=\" \" data-arconix-color=\" \" class=\"arconix-tab tab-Homework\"><a class=\"\" href=\"#tab-Homework\">Homework<\/a><\/li>\n<li data-arconix-icon=\" \" data-arconix-color=\" \" class=\"arconix-tab tab-TeacherResources\"><a class=\"\" href=\"#tab-TeacherResources\">Teacher Resources<\/a><\/li><\/ul>\n<div class=\"arconix-panes\"><div class=\"arconix-pane pane-Starter\">\n<p>Have a go at creating a smiley face in the grid bow below!<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/trinket.io\/embed\/html\/bda51f24c8?outputOnly=true&amp;start=result\" width=\"100%\" height=\"600\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<\/div>\n<div class=\"arconix-pane pane-Bitmapimages\">\n<div class=\"arconix-column-two-thirds\">\n<p><strong>What are Bitmap Images?<\/strong><\/p>\n<p>A bitmap image is a image that is represented by a grid of square pixels. In a black and white image, each pixel can be either black or white. The total number of pixels in an image is known as the resolution. For example, an image that is 500 pixels wide by 500 pixel high has a resolution of\u00a0250,000 pixels ( or 0.25 megapixels). Moderns cameras take pictures over 20 megapixels in size. That&#8217;s a lot of pixels!<\/p>\n<p><strong>Advantages of bitmaps<\/strong><\/p>\n<div class=\"arconix-list\" data-arconix-icon=\"fa-chevron-circle-right\" data-arconix-color=\"black\">\n<ul>\n<li>Bitmaps have a small storage size, compared with the amount of data being stored ( especially when combined with lossless and lossy compression). This means that you can take a lot of images using just one SD card.<\/li>\n<li>Bitmap images can be displayed very easily on computer screens, so your computer doesn&#8217;t need to use a lot of processing power just to display the image.<\/li>\n<li>Most operating systems and internet browsers can display bitmap images with the need for specialist software.<\/li>\n<\/ul>\n<\/div>\n<p><strong>Disadvantages of bitmaps<\/strong><\/p>\n<div class=\"arconix-list\" data-arconix-icon=\"fa-chevron-circle-right\" data-arconix-color=\"black\">\n<ul>\n<li>Bitmaps can only be enlarged a certain amount before the image becomes blurry or &#8216;pixelated&#8217;.<\/li>\n<li>Lossy compression can damage images, resulting in defects on the image.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div class=\"arconix-column-one-third\">\n<div id=\"attachment_96\" style=\"width: 310px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-96\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-96 size-medium\" src=\"https:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/01\/smiley-300x273.png\" alt=\"smiley\" width=\"300\" height=\"273\" srcset=\"https:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/01\/smiley-300x273.png 300w, https:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/01\/smiley.png 452w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><p id=\"caption-attachment-96\" class=\"wp-caption-text\">An 64 pixel bitmap image on a 8 by 8 grid<\/p><\/div>\n<div id=\"attachment_92\" style=\"width: 227px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-92\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-92 size-full\" src=\"https:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/01\/Untitled-drawing.jpg\" alt=\"untitled-drawing\" width=\"217\" height=\"185\" \/><p id=\"caption-attachment-92\" class=\"wp-caption-text\">When bitmap fonts are enlarged, they become pixellated<\/p><\/div>\n<\/div>\n<\/div>\n<div class=\"arconix-pane pane-Bitmapstobinary\">\n<p><strong>Bitmap Images to Binary<\/strong><\/p>\n<p>Representing a bitmap black and white image in binary is easy &#8211; starting at the top left of the image, and working you way across and then down , you write a 1 for each black pixel and a zero for each white pixel.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-93\" src=\"https:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/01\/step-1-binary-bitmap-bw.png\" alt=\"step-1-binary-bitmap-bw\" width=\"942\" height=\"436\" srcset=\"https:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/01\/step-1-binary-bitmap-bw.png 942w, https:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/01\/step-1-binary-bitmap-bw-300x139.png 300w, https:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/01\/step-1-binary-bitmap-bw-768x355.png 768w, https:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/01\/step-1-binary-bitmap-bw-600x278.png 600w\" sizes=\"(max-width: 942px) 100vw, 942px\" \/><\/p>\n<p>The binary for the image above would be 00000000 01100110 01100110 00000000 00000000 01000010 00111100 00000000<\/p>\n<\/div>\n<div class=\"arconix-pane pane-Activity1\">\n<div class=\"arconix-column-two-thirds\">\n<p>Have a go at this pairs activity. You will need to print out the worksheet, unless your teacher has already printed it out for you!<\/p>\n<a href='https:\/\/drive.google.com\/open?id=0B4M7J3ubGpimMlN2bzdZZHNmSkk' class='arconix-button arconix-button-medium arconix-button-gray' target=\"_blank\" >Pairs Activity Worksheet<\/a>\n<\/div>\n<div class=\"arconix-column-one-third\">\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-medium wp-image-37\" src=\"https:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/01\/spaceinvaded-300x288.png\" alt=\"Lesson 3 B &amp;W Images\" width=\"300\" height=\"288\" srcset=\"https:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/01\/spaceinvaded-300x288.png 300w, https:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/01\/spaceinvaded.png 463w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<\/div>\n<\/div>\n<div class=\"arconix-pane pane-Activity\">\n<p>Log on to Google Classroom and fill out your learning log for the lesson!<\/p>\n<a href='https:\/\/accounts.google.com\/ServiceLogin?service=classroom&#038;continue=https:\/\/classroom.google.com\/?emr%3D0&#038;followup=https:\/\/classroom.google.com\/?emr%3D0&#038;passive=true&#038;go=true#identifier' class='arconix-button arconix-button-medium arconix-button-gray' target=\"_blank\" >Google Classroom<\/a>\n<\/div>\n<div class=\"arconix-pane pane-Homework\">\n<\/div>\n<div class=\"arconix-pane pane-TeacherResources\">\n<p><a href=\"https:\/\/docs.google.com\/document\/d\/1E6Xd8qlFMtsc4j-NnueLnyN_D-JppFgo1hUxdwMbUOA\/edit?usp=sharing\">Starter Worksheet<\/a><\/p>\n<p><a href=\"https:\/\/docs.google.com\/presentation\/d\/1ytzMhI0wb-0LfZ4kNfEY9DurSM51JnxnALtZHe2trl8\/edit?usp=sharing\">Class starter &#8211; review of last lesson\u00a0<\/a><\/p>\n<p><a href=\"https:\/\/docs.google.com\/presentation\/d\/14OniSTPtNa0LlcKnUaDY0WPrXm9qlCJnxErL4zeJpeo\/edit?usp=sharing\">Binary Shapes Slides Plenary<\/a><\/p>\n<\/div><\/div><\/div>\n\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":"off","neve_meta_content_width":100,"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>Black and White Image Representation in Binary - 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\/black-white-image-representation-binary\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Black and White Image Representation in Binary - Binary\" \/>\n<meta property=\"og:url\" content=\"https:\/\/learnlearn.uk\/binary\/black-white-image-representation-binary\/\" \/>\n<meta property=\"og:site_name\" content=\"Binary\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-26T07:56:17+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/01\/smiley-300x273.png\" \/>\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=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/learnlearn.uk\/binary\/black-white-image-representation-binary\/\",\"url\":\"https:\/\/learnlearn.uk\/binary\/black-white-image-representation-binary\/\",\"name\":\"Black and White Image Representation in Binary - Binary\",\"isPartOf\":{\"@id\":\"https:\/\/learnlearn.uk\/binary\/#website\"},\"datePublished\":\"2017-01-02T17:43:03+00:00\",\"dateModified\":\"2024-09-26T07:56:17+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/learnlearn.uk\/binary\/black-white-image-representation-binary\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/learnlearn.uk\/binary\/black-white-image-representation-binary\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/learnlearn.uk\/binary\/black-white-image-representation-binary\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Binary Unit Home\",\"item\":\"https:\/\/learnlearn.uk\/binary\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Black and White Image Representation in Binary\"}]},{\"@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":"Black and White Image Representation in Binary - 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\/black-white-image-representation-binary\/","og_locale":"en_US","og_type":"article","og_title":"Black and White Image Representation in Binary - Binary","og_url":"https:\/\/learnlearn.uk\/binary\/black-white-image-representation-binary\/","og_site_name":"Binary","article_modified_time":"2024-09-26T07:56:17+00:00","og_image":[{"url":"http:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/01\/smiley-300x273.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/learnlearn.uk\/binary\/black-white-image-representation-binary\/","url":"https:\/\/learnlearn.uk\/binary\/black-white-image-representation-binary\/","name":"Black and White Image Representation in Binary - Binary","isPartOf":{"@id":"https:\/\/learnlearn.uk\/binary\/#website"},"datePublished":"2017-01-02T17:43:03+00:00","dateModified":"2024-09-26T07:56:17+00:00","breadcrumb":{"@id":"https:\/\/learnlearn.uk\/binary\/black-white-image-representation-binary\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/learnlearn.uk\/binary\/black-white-image-representation-binary\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/learnlearn.uk\/binary\/black-white-image-representation-binary\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Binary Unit Home","item":"https:\/\/learnlearn.uk\/binary\/"},{"@type":"ListItem","position":2,"name":"Black and White Image Representation in Binary"}]},{"@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\/11"}],"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=11"}],"version-history":[{"count":1,"href":"https:\/\/learnlearn.uk\/binary\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":285,"href":"https:\/\/learnlearn.uk\/binary\/wp-json\/wp\/v2\/pages\/11\/revisions\/285"}],"wp:attachment":[{"href":"https:\/\/learnlearn.uk\/binary\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}