{"id":91,"date":"2023-06-11T19:33:10","date_gmt":"2023-06-11T19:33:10","guid":{"rendered":"https:\/\/learnlearn.uk\/edexcel-igcse-computer-science\/?page_id=91"},"modified":"2023-06-11T19:33:10","modified_gmt":"2023-06-11T19:33:10","slug":"black-white-image-representation","status":"publish","type":"page","link":"https:\/\/learnlearn.uk\/edexcel-igcse-computer-science\/black-white-image-representation\/","title":{"rendered":"Black &#038; White Image representation"},"content":{"rendered":"<div class=\"responsive-tabs\">\n<h2 class=\"tabtitle\">Starter<\/h2>\n<div class=\"tabcontent\">\n\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\" data-mce-fragment=\"1\"><\/iframe><\/p>\n\n<\/div><h2 class=\"tabtitle\">Bitmap images<\/h2>\n<div class=\"tabcontent\">\n\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\" \/><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\n<\/div><h2 class=\"tabtitle\">Bitmaps to binary<\/h2>\n<div class=\"tabcontent\">\n\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\" \/><\/p>\n<p>The binary for the image above would be 00000000 01100110 01100110 00000000 00000000 01000010 00111100 00000000<\/p>\n\n<\/div><h2 class=\"tabtitle\">Activity 1 <\/h2>\n<div class=\"tabcontent\">\n\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\" \/><\/p>\n<\/div>\n<p>&nbsp;<\/p>\n\n<\/div><h2 class=\"tabtitle\">Teacher Resources<\/h2>\n<div class=\"tabcontent\">\n\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>\n","protected":false},"excerpt":{"rendered":"<p>Have a go at creating a smiley face in the grid bow below! Bitmap Images to Binary 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&hellip;&nbsp;<a href=\"https:\/\/learnlearn.uk\/edexcel-igcse-computer-science\/black-white-image-representation\/\" class=\"\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">Black &#038; White Image representation<\/span><\/a><\/p>\n","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 &#038; White Image representation - Edexcel iGCSE Computer Science<\/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\/edexcel-igcse-computer-science\/black-white-image-representation\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Black &#038; White Image representation - Edexcel iGCSE Computer Science\" \/>\n<meta property=\"og:description\" content=\"Have a go at creating a smiley face in the grid bow below! Bitmap Images to Binary 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&hellip;&nbsp;Read More &raquo;Black &#038; White Image representation\" \/>\n<meta property=\"og:url\" content=\"https:\/\/learnlearn.uk\/edexcel-igcse-computer-science\/black-white-image-representation\/\" \/>\n<meta property=\"og:site_name\" content=\"Edexcel iGCSE Computer Science\" \/>\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=\"Estimated 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\/edexcel-igcse-computer-science\/black-white-image-representation\/\",\"url\":\"https:\/\/learnlearn.uk\/edexcel-igcse-computer-science\/black-white-image-representation\/\",\"name\":\"Black &#038; White Image representation - Edexcel iGCSE Computer Science\",\"isPartOf\":{\"@id\":\"https:\/\/learnlearn.uk\/edexcel-igcse-computer-science\/#website\"},\"datePublished\":\"2023-06-11T19:33:10+00:00\",\"dateModified\":\"2023-06-11T19:33:10+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/learnlearn.uk\/edexcel-igcse-computer-science\/black-white-image-representation\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/learnlearn.uk\/edexcel-igcse-computer-science\/black-white-image-representation\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/learnlearn.uk\/edexcel-igcse-computer-science\/black-white-image-representation\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/learnlearn.uk\/edexcel-igcse-computer-science\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Black &#038; White Image representation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/learnlearn.uk\/edexcel-igcse-computer-science\/#website\",\"url\":\"https:\/\/learnlearn.uk\/edexcel-igcse-computer-science\/\",\"name\":\"Edexcel iGCSE Computer Science\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/learnlearn.uk\/edexcel-igcse-computer-science\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Black &#038; White Image representation - Edexcel iGCSE Computer Science","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\/edexcel-igcse-computer-science\/black-white-image-representation\/","og_locale":"en_GB","og_type":"article","og_title":"Black &#038; White Image representation - Edexcel iGCSE Computer Science","og_description":"Have a go at creating a smiley face in the grid bow below! Bitmap Images to Binary 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&hellip;&nbsp;Read More &raquo;Black &#038; White Image representation","og_url":"https:\/\/learnlearn.uk\/edexcel-igcse-computer-science\/black-white-image-representation\/","og_site_name":"Edexcel iGCSE Computer Science","og_image":[{"url":"http:\/\/learnlearn.uk\/binary\/wp-content\/uploads\/sites\/11\/2017\/01\/smiley-300x273.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/learnlearn.uk\/edexcel-igcse-computer-science\/black-white-image-representation\/","url":"https:\/\/learnlearn.uk\/edexcel-igcse-computer-science\/black-white-image-representation\/","name":"Black &#038; White Image representation - Edexcel iGCSE Computer Science","isPartOf":{"@id":"https:\/\/learnlearn.uk\/edexcel-igcse-computer-science\/#website"},"datePublished":"2023-06-11T19:33:10+00:00","dateModified":"2023-06-11T19:33:10+00:00","breadcrumb":{"@id":"https:\/\/learnlearn.uk\/edexcel-igcse-computer-science\/black-white-image-representation\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/learnlearn.uk\/edexcel-igcse-computer-science\/black-white-image-representation\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/learnlearn.uk\/edexcel-igcse-computer-science\/black-white-image-representation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/learnlearn.uk\/edexcel-igcse-computer-science\/"},{"@type":"ListItem","position":2,"name":"Black &#038; White Image representation"}]},{"@type":"WebSite","@id":"https:\/\/learnlearn.uk\/edexcel-igcse-computer-science\/#website","url":"https:\/\/learnlearn.uk\/edexcel-igcse-computer-science\/","name":"Edexcel iGCSE Computer Science","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/learnlearn.uk\/edexcel-igcse-computer-science\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-GB"}]}},"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"learnlearnadmin","author_link":"https:\/\/learnlearn.uk\/edexcel-igcse-computer-science\/author\/learnlearnadmin\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"Have a go at creating a smiley face in the grid bow below! Bitmap Images to Binary 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&hellip;&nbsp;Read&hellip;","_links":{"self":[{"href":"https:\/\/learnlearn.uk\/edexcel-igcse-computer-science\/wp-json\/wp\/v2\/pages\/91"}],"collection":[{"href":"https:\/\/learnlearn.uk\/edexcel-igcse-computer-science\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/learnlearn.uk\/edexcel-igcse-computer-science\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/learnlearn.uk\/edexcel-igcse-computer-science\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/learnlearn.uk\/edexcel-igcse-computer-science\/wp-json\/wp\/v2\/comments?post=91"}],"version-history":[{"count":1,"href":"https:\/\/learnlearn.uk\/edexcel-igcse-computer-science\/wp-json\/wp\/v2\/pages\/91\/revisions"}],"predecessor-version":[{"id":94,"href":"https:\/\/learnlearn.uk\/edexcel-igcse-computer-science\/wp-json\/wp\/v2\/pages\/91\/revisions\/94"}],"wp:attachment":[{"href":"https:\/\/learnlearn.uk\/edexcel-igcse-computer-science\/wp-json\/wp\/v2\/media?parent=91"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}