{"id":5486,"date":"2022-03-15T07:09:59","date_gmt":"2022-03-15T07:09:59","guid":{"rendered":"https:\/\/brightchamps.com\/blog\/?p=5486"},"modified":"2024-10-04T07:15:40","modified_gmt":"2024-10-04T07:15:40","slug":"vector-vs-bitmap-image-scratch","status":"publish","type":"post","link":"https:\/\/brightchamps.com\/blog\/vector-vs-bitmap-image-scratch\/","title":{"rendered":"Vector Vs. Bitmap: What Is The Best Image Type To Use In Scratch?"},"content":{"rendered":"<div class=\"yoast-breadcrumbs\"><span><span><a href=\"https:\/\/brightchamps.com\/blog\/\">Home<\/a><\/span> \u00bb <span><a href=\"https:\/\/brightchamps.com\/blog\/code-for-kids\/\">Code for Kids Corner<\/a><\/span> \u00bb <span class=\"breadcrumb_last\" aria-current=\"page\"><strong>Vector Vs. Bitmap: What Is The Best Image Type To Use In Scratch?<\/strong><\/span><\/span><\/div>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"introduction\"><strong>Introduction<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The simplest way to reminisce is to look at what we have, such as diaries, photos, or videos where we store our memories.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">But what is the best way to store your memories?&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Whomever we ask will yield a different response. But I think viewing images or videos is preferable because it allows us to see what is happening at the moment.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Similarly to this, we use a lot of photos and videos when we code to illustrate the subject matter of our project or game and to give it personality.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Including images in a <a href=\"https:\/\/brightchamps.com\/blog\/create-first-scratch-project\/\">Scratch project<\/a> is a common practice that highlights the visual elements of the project. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img fetchpriority=\"high\" fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"512\" src=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Free-Kids-Coding-Resources-1024x512.jpg\" alt=\"Scratch Coding \" class=\"wp-image-4006\" style=\"width:768px;height:384px\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">But before you start filling your project with images, it&#8217;s essential to understand an image&#8217;s technical aspects and their impact on your project.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Click <a href=\"https:\/\/brightchamps.com\/blog\/scratch-coding-for-kids\/\">scratch coding for kids<\/a>, to know more about Scratch coding.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In this blog, I&#8217;ll review the two types of images used in Scratch, Vector and Bitmap.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-what-is-an-image-in-scratch\"><strong>What is an Image in Scratch?<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">An image is a picture created or copied and stored in digital form. It can be either a photo, logo, design or your drawing.&nbsp;<\/p>\n\n\n<p>[et_bloom_inline optin_id=&#8221;optin_8&#8243;]<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Generally, there are two types of images vector graphics and raster graphics. An image stored in raster form is sometimes called a bitmap.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">An image map contains information associating different locations on a specified image with hypertext links.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-what-are-scratch-bitmap-images\"><strong>What are Scratch Bitmap images?<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/en.wikipedia.org\/wiki\/Bitmap\">Bitmap<\/a> or raster images are created with a collection of bits or pixels. That is arranged like a table with a specific height and row.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For instance, we have 10&#215;10 images that are made up of 100-pixel images. When we zoom in, it appears to be made of pixel combinations.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"547\" height=\"441\" src=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/What-Is-The-Best-Image-Type-To-Use-In-Scratch-1.png\" alt=\"What Is The Best Image Type To Use In Scratch \" class=\"wp-image-5487\" style=\"width:410px;height:331px\" srcset=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/What-Is-The-Best-Image-Type-To-Use-In-Scratch-1.png 547w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/What-Is-The-Best-Image-Type-To-Use-In-Scratch-1-480x387.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 547px, 100vw\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Our photographs, screen captures, and the designs we create in picture editing programmes like Adobe Photoshop are some instances of bitmap images.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-what-are-scratch-vector-images\"><strong>What are Scratch Vector Images?<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Vector images are a combination of mathematical formulas that define how the images look i.e. their shapes, colours, and placement.&nbsp;<\/p>\n\n\n<div id=\"cstm_banner_cta\"><\/div>\n\n\n<p class=\"wp-block-paragraph\">Vector images include instructions on where to find each component needed to create the expected element and can even embed a bitmap graphic within a vector graphic.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">B\u00e9zier curves are used to create vector graphics, which allow designers to scale images as simple as a shape to as complex as a full-fledged illustration.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"568\" height=\"502\" src=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/What-Is-The-Best-Image-Type-To-Use-In-Scratch-2.png\" alt=\"What Is The Best Image Type To Use In Scratch\" class=\"wp-image-5488\" style=\"width:426px;height:377px\" srcset=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/What-Is-The-Best-Image-Type-To-Use-In-Scratch-2.png 568w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/What-Is-The-Best-Image-Type-To-Use-In-Scratch-2-480x424.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 568px, 100vw\" \/><\/figure>\n\n\n\n<h1 class=\"wp-block-heading\" id=\"h-what-is-the-difference-between-vector-and-bitmap-images-in-scratch\">What is the difference between Vector and Bitmap Images in Scratch?<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">The difference between vector and bitmap images is that a low-quality image can hurt the overall user experience when we resize them.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can resize bitmap images, but you may lose pixels.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vector images, on the other hand, can be resized without sacrificing image quality, making them more scalable in design.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"912\" height=\"670\" src=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/What-Is-The-Best-Image-Type-To-Use-In-Scratch-3.png\" alt=\"What Is The Best Image Type To Use In Scratch\" class=\"wp-image-5489\" style=\"width:684px;height:503px\" srcset=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/What-Is-The-Best-Image-Type-To-Use-In-Scratch-3.png 912w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/What-Is-The-Best-Image-Type-To-Use-In-Scratch-3-480x353.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 912px, 100vw\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-which-one-should-we-use\"><strong>Which one should we use?<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">It depends on our use case; if we want to make something look natural, like our family photos, we should use a bitmap.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If we want to create a logo or cartoon, we should use Vector. It can be beneficial, especially if we don&#8217;t know how big or small we want our logo to be.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"h-conclusion\"><strong>Conclusion<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The <a href=\"https:\/\/brightchamps.com\/blog\/guides\/scratch-programming\/\">Scratch<\/a> platform allows you to create 2D games, and you can choose between two types of 2D graphics to make your images: bitmap images and vector images.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pixel-based bitmap pictures are rarely used because of their universal design. Unlike Bitmap images, vector graphics are composed of data points called vectors connected to generate lines and shapes.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/learn.brightchamps.com\/book-trial-class?utm_source=website_organic&amp;utm_medium=blog&amp;utm_campaign=body\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"2082\" height=\"395\" src=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Blog-body-CTA.gif\" alt=\"BrightChamps Book Free Trial\" class=\"wp-image-501\"\/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Learn Scratch at <a href=\"https:\/\/brightchamps.com\/\">BrightChamps<\/a> with its specially designed curriculum that makes learning programming easy for students in Grade 1-12. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">BrightChamps also teaches a variety of other programs that help kids build a foundation in computer programming through activities, interactive lessons, and other means.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To get your hands on more educational and free resources on\u00a0<a href=\"\/\/brightchamps.com\/blog\/kids-coding-languages\/\" target=\"_blank\" rel=\"noreferrer noopener\">coding for kids<\/a>, robotics for kids, <a href=\"https:\/\/brightchamps.com\/blog\/teaching-financial-literacy-for-kids\/\" target=\"_blank\" rel=\"noreferrer noopener\">financial education for kids<\/a>, etc., do check out the\u00a0<a href=\"https:\/\/brightchamps.com\/\">BrightCHAMPS<\/a>\u00a0Page now!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">BrightChamps makes <a href=\"https:\/\/brightchamps.com\/blog\/programing-for-kids\/\">programming for kids<\/a> easy and enjoyable, with a focus on <a href=\"https:\/\/brightchamps.com\/blog\/python-programming-for-kids\/\">Python programming for kids<\/a>. Through interactive lessons and engaging activities, young learners can explore the world of coding and develop valuable programming skills on the BrightChamps platform, setting them up for a successful future in the digital age.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction The simplest way to reminisce is to look at what we have, such as diaries, photos, or videos where we store our memories. But what is the best way to store your memories?&nbsp; Whomever we ask will yield a different response. But I think viewing images or videos is preferable because it allows us [&hellip;]<\/p>\n","protected":false},"author":56,"featured_media":5519,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"off","_et_pb_old_content":"","_et_gb_content_width":"1080","footnotes":""},"categories":[49],"tags":[68],"class_list":["post-5486","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-code-for-kids","tag-codechamps"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Vector Vs. Bitmap: What Is The Best Image Type To Use In Scratch? - BrightChamps Blog<\/title>\n<meta name=\"description\" content=\"Vector vs. Bitmap in scratch, choosing an image type between the two depends on your use case; if we want to make something look natural, like\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/brightchamps.com\/blog\/vector-vs-bitmap-image-scratch\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Vector Vs. Bitmap: What Is The Best Image Type To Use In Scratch? - BrightChamps Blog\" \/>\n<meta property=\"og:description\" content=\"Vector vs. Bitmap in scratch, choosing an image type between the two depends on your use case; if we want to make something look natural, like\" \/>\n<meta property=\"og:url\" content=\"https:\/\/brightchamps.com\/blog\/vector-vs-bitmap-image-scratch\/\" \/>\n<meta property=\"og:site_name\" content=\"BrightChamps Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/BrightChamps-101266664954230\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-03-15T07:09:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-04T07:15:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/What-Is-The-Best-Image-Type-To-Use-In-Scratch.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2100\" \/>\n\t<meta property=\"og:image:height\" content=\"1185\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Andrew Febrian Miyata\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Andrew Febrian Miyata\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/vector-vs-bitmap-image-scratch\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/vector-vs-bitmap-image-scratch\\\/\"},\"author\":{\"name\":\"Andrew Febrian Miyata\",\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/#\\\/schema\\\/person\\\/82cb90e110e36b259eb5dfe4f5d71240\"},\"headline\":\"Vector Vs. Bitmap: What Is The Best Image Type To Use In Scratch?\",\"datePublished\":\"2022-03-15T07:09:59+00:00\",\"dateModified\":\"2024-10-04T07:15:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/vector-vs-bitmap-image-scratch\\\/\"},\"wordCount\":716,\"publisher\":{\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/vector-vs-bitmap-image-scratch\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/03\\\/What-Is-The-Best-Image-Type-To-Use-In-Scratch.png\",\"keywords\":[\"CodeChamps\"],\"articleSection\":[\"Code for Kids Corner\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/vector-vs-bitmap-image-scratch\\\/\",\"url\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/vector-vs-bitmap-image-scratch\\\/\",\"name\":\"Vector Vs. Bitmap: What Is The Best Image Type To Use In Scratch? - BrightChamps Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/vector-vs-bitmap-image-scratch\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/vector-vs-bitmap-image-scratch\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/03\\\/What-Is-The-Best-Image-Type-To-Use-In-Scratch.png\",\"datePublished\":\"2022-03-15T07:09:59+00:00\",\"dateModified\":\"2024-10-04T07:15:40+00:00\",\"description\":\"Vector vs. Bitmap in scratch, choosing an image type between the two depends on your use case; if we want to make something look natural, like\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/vector-vs-bitmap-image-scratch\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/brightchamps.com\\\/blog\\\/vector-vs-bitmap-image-scratch\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/vector-vs-bitmap-image-scratch\\\/#primaryimage\",\"url\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/03\\\/What-Is-The-Best-Image-Type-To-Use-In-Scratch.png\",\"contentUrl\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/03\\\/What-Is-The-Best-Image-Type-To-Use-In-Scratch.png\",\"width\":2100,\"height\":1185,\"caption\":\"What Is The Best Image Type To Use In Scratch\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/vector-vs-bitmap-image-scratch\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Code for Kids Corner\",\"item\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/code-for-kids\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Vector Vs. Bitmap: What Is The Best Image Type To Use In Scratch?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/\",\"name\":\"BrightChamps Blog\",\"description\":\"BrightChamps Blog, also known as BrightChamps Hub is a go-to resource hub for everything on Coding for kids\",\"publisher\":{\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/#organization\",\"name\":\"BrightChamps\",\"url\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/BrightCHAMPS-logo-new-1.png\",\"contentUrl\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/BrightCHAMPS-logo-new-1.png\",\"width\":417,\"height\":80,\"caption\":\"BrightChamps\"},\"image\":{\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/BrightChamps-101266664954230\\\/\",\"https:\\\/\\\/www.instagram.com\\\/brightchamps\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/brightchamps\\\/mycompany\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UC_Afe_rMGoK5Bs4nSt8QIzQ\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/#\\\/schema\\\/person\\\/82cb90e110e36b259eb5dfe4f5d71240\",\"name\":\"Andrew Febrian Miyata\",\"description\":\"\u2b50\u2b50\u2b50\u2b50\u2b50 I am a coding instructor with a focus on artificial intelligence and machine learning. My approach to teaching kids about coding is to use everyday examples so that they can grasp the more complex concepts easily. With BrigthChamps, I want to help kids become technologically savvy so that they can excel in their fields. Learn from Me\",\"url\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/author\\\/andrewmiyata\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Vector Vs. Bitmap: What Is The Best Image Type To Use In Scratch? - BrightChamps Blog","description":"Vector vs. Bitmap in scratch, choosing an image type between the two depends on your use case; if we want to make something look natural, like","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:\/\/brightchamps.com\/blog\/vector-vs-bitmap-image-scratch\/","og_locale":"en_US","og_type":"article","og_title":"Vector Vs. Bitmap: What Is The Best Image Type To Use In Scratch? - BrightChamps Blog","og_description":"Vector vs. Bitmap in scratch, choosing an image type between the two depends on your use case; if we want to make something look natural, like","og_url":"https:\/\/brightchamps.com\/blog\/vector-vs-bitmap-image-scratch\/","og_site_name":"BrightChamps Blog","article_publisher":"https:\/\/www.facebook.com\/BrightChamps-101266664954230\/","article_published_time":"2022-03-15T07:09:59+00:00","article_modified_time":"2024-10-04T07:15:40+00:00","og_image":[{"width":2100,"height":1185,"url":"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/What-Is-The-Best-Image-Type-To-Use-In-Scratch.png","type":"image\/png"}],"author":"Andrew Febrian Miyata","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Andrew Febrian Miyata","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/brightchamps.com\/blog\/vector-vs-bitmap-image-scratch\/#article","isPartOf":{"@id":"https:\/\/brightchamps.com\/blog\/vector-vs-bitmap-image-scratch\/"},"author":{"name":"Andrew Febrian Miyata","@id":"https:\/\/brightchamps.com\/blog\/#\/schema\/person\/82cb90e110e36b259eb5dfe4f5d71240"},"headline":"Vector Vs. Bitmap: What Is The Best Image Type To Use In Scratch?","datePublished":"2022-03-15T07:09:59+00:00","dateModified":"2024-10-04T07:15:40+00:00","mainEntityOfPage":{"@id":"https:\/\/brightchamps.com\/blog\/vector-vs-bitmap-image-scratch\/"},"wordCount":716,"publisher":{"@id":"https:\/\/brightchamps.com\/blog\/#organization"},"image":{"@id":"https:\/\/brightchamps.com\/blog\/vector-vs-bitmap-image-scratch\/#primaryimage"},"thumbnailUrl":"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/What-Is-The-Best-Image-Type-To-Use-In-Scratch.png","keywords":["CodeChamps"],"articleSection":["Code for Kids Corner"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/brightchamps.com\/blog\/vector-vs-bitmap-image-scratch\/","url":"https:\/\/brightchamps.com\/blog\/vector-vs-bitmap-image-scratch\/","name":"Vector Vs. Bitmap: What Is The Best Image Type To Use In Scratch? - BrightChamps Blog","isPartOf":{"@id":"https:\/\/brightchamps.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/brightchamps.com\/blog\/vector-vs-bitmap-image-scratch\/#primaryimage"},"image":{"@id":"https:\/\/brightchamps.com\/blog\/vector-vs-bitmap-image-scratch\/#primaryimage"},"thumbnailUrl":"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/What-Is-The-Best-Image-Type-To-Use-In-Scratch.png","datePublished":"2022-03-15T07:09:59+00:00","dateModified":"2024-10-04T07:15:40+00:00","description":"Vector vs. Bitmap in scratch, choosing an image type between the two depends on your use case; if we want to make something look natural, like","breadcrumb":{"@id":"https:\/\/brightchamps.com\/blog\/vector-vs-bitmap-image-scratch\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/brightchamps.com\/blog\/vector-vs-bitmap-image-scratch\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/brightchamps.com\/blog\/vector-vs-bitmap-image-scratch\/#primaryimage","url":"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/What-Is-The-Best-Image-Type-To-Use-In-Scratch.png","contentUrl":"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/What-Is-The-Best-Image-Type-To-Use-In-Scratch.png","width":2100,"height":1185,"caption":"What Is The Best Image Type To Use In Scratch"},{"@type":"BreadcrumbList","@id":"https:\/\/brightchamps.com\/blog\/vector-vs-bitmap-image-scratch\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/brightchamps.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Code for Kids Corner","item":"https:\/\/brightchamps.com\/blog\/code-for-kids\/"},{"@type":"ListItem","position":3,"name":"Vector Vs. Bitmap: What Is The Best Image Type To Use In Scratch?"}]},{"@type":"WebSite","@id":"https:\/\/brightchamps.com\/blog\/#website","url":"https:\/\/brightchamps.com\/blog\/","name":"BrightChamps Blog","description":"BrightChamps Blog, also known as BrightChamps Hub is a go-to resource hub for everything on Coding for kids","publisher":{"@id":"https:\/\/brightchamps.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/brightchamps.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/brightchamps.com\/blog\/#organization","name":"BrightChamps","url":"https:\/\/brightchamps.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/brightchamps.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2026\/03\/BrightCHAMPS-logo-new-1.png","contentUrl":"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2026\/03\/BrightCHAMPS-logo-new-1.png","width":417,"height":80,"caption":"BrightChamps"},"image":{"@id":"https:\/\/brightchamps.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/BrightChamps-101266664954230\/","https:\/\/www.instagram.com\/brightchamps\/","https:\/\/www.linkedin.com\/company\/brightchamps\/mycompany\/","https:\/\/www.youtube.com\/channel\/UC_Afe_rMGoK5Bs4nSt8QIzQ"]},{"@type":"Person","@id":"https:\/\/brightchamps.com\/blog\/#\/schema\/person\/82cb90e110e36b259eb5dfe4f5d71240","name":"Andrew Febrian Miyata","description":"\u2b50\u2b50\u2b50\u2b50\u2b50 I am a coding instructor with a focus on artificial intelligence and machine learning. My approach to teaching kids about coding is to use everyday examples so that they can grasp the more complex concepts easily. With BrigthChamps, I want to help kids become technologically savvy so that they can excel in their fields. Learn from Me","url":"https:\/\/brightchamps.com\/blog\/author\/andrewmiyata\/"}]}},"_links":{"self":[{"href":"https:\/\/brightchamps.com\/blog\/wp-json\/wp\/v2\/posts\/5486","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brightchamps.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/brightchamps.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/brightchamps.com\/blog\/wp-json\/wp\/v2\/users\/56"}],"replies":[{"embeddable":true,"href":"https:\/\/brightchamps.com\/blog\/wp-json\/wp\/v2\/comments?post=5486"}],"version-history":[{"count":9,"href":"https:\/\/brightchamps.com\/blog\/wp-json\/wp\/v2\/posts\/5486\/revisions"}],"predecessor-version":[{"id":33184,"href":"https:\/\/brightchamps.com\/blog\/wp-json\/wp\/v2\/posts\/5486\/revisions\/33184"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/brightchamps.com\/blog\/wp-json\/wp\/v2\/media\/5519"}],"wp:attachment":[{"href":"https:\/\/brightchamps.com\/blog\/wp-json\/wp\/v2\/media?parent=5486"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/brightchamps.com\/blog\/wp-json\/wp\/v2\/categories?post=5486"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/brightchamps.com\/blog\/wp-json\/wp\/v2\/tags?post=5486"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}