{"id":639,"date":"2009-03-31T16:47:28","date_gmt":"2009-03-31T23:47:28","guid":{"rendered":"http:\/\/www.bluew.com\/blog\/?p=639"},"modified":"2009-03-31T16:47:28","modified_gmt":"2009-03-31T23:47:28","slug":"whats-the-difference-between-vector-and-raster-graphics","status":"publish","type":"post","link":"https:\/\/nayamode.com\/blog\/whats-the-difference-between-vector-and-raster-graphics\/","title":{"rendered":"What&#039;s the Difference Between Vector and Bitmap Graphics?"},"content":{"rendered":"<p>There are two types of computer graphics: vector and\u00a0bitmap (also known as raster).<br \/>\n<strong>Vector graphics <\/strong>use mathematical statements to describe a series of points to be connected along a path, forming an image composed of shapes and lines<span class=\"uncw\">. <\/span>Vector graphics are typically detailed illustrations, fonts, logos, line art and page layouts. A vector graphic appears smooth at any size or resolution because the mathematical statement remains constant. A vector graphic can be stretched to the moon and won\u2019t get jaggy or blurry as long as it remains in the native application.<br \/>\n<a href=\"http:\/\/bluew.com\/test2014\/wp-content\/uploads\/2009\/04\/vector.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-745\" title=\"vector\" src=\"http:\/\/bluew.com\/test2014\/wp-content\/uploads\/2009\/04\/vector.jpg\" alt=\"\" width=\"394\" height=\"84\" \/><\/a><br \/>\nApplications that utilize vector graphics are drawing programs such as Adobe Illustrator, CorelDRAW, and Macromedia Freehand; CAD systems; page layout applications such as Adobe InDesign and Quark; and animation software. Adobe Photoshop can output both vector and bitmap graphics.<br \/>\n<strong>Bitmap\u00a0graphics <\/strong>are composed of a grid of individual pixels. Each pixel can be given a different color, and if the pixel count is high enough the image can be of fine photographic quality, with complex gradations and shading. A bitmap graphic can be scaled up or down but not by much, because the edges become jagged or blurry. Some of the jagged appearance can be corrected using anti-aliasing (shaded transition pixels along the edge of an image). But even with anti-aliasing, the image will eventually lose definition when resized.<br \/>\n<a href=\"http:\/\/bluew.com\/test2014\/wp-content\/uploads\/2009\/04\/bitmap.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-733\" title=\"bitmap\" src=\"http:\/\/bluew.com\/test2014\/wp-content\/uploads\/2009\/04\/bitmap.jpg\" alt=\"\" width=\"394\" height=\"84\" \/><\/a><\/p>\n<p class=\"MsoNormal\">For presentations and Web design, Bluewave designers work almost exclusively with Photoshop and bitmap graphics. Bitmaps are generally faster and easier to create than vectors. And since\u00a0the Web and projected screen shows cannot display ultra-high resolutions, vector graphics are mostly overkill.\u00a0Bitmap graphics\u00a0are like a speedboat, easy to maneuver and quick to get results.\u00a0Vector graphics are more like the Queen Mary, requiring more time and planning.<\/p>\n<p class=\"MsoNormal\">Flash animations typically require vector graphics because vectors can be resized and animated without loss of resolution.<\/p>\n<p class=\"MsoNormal\">For print pieces, we work with both vector and bitmap graphics in Adobe InDesign, Illustrator and PhotoShop.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>There are two types of computer graphics: vector and\u00a0bitmap (also known as raster). Vector graphics use mathematical statements to describe a series of points to be connected along a path, forming an image composed of shapes and lines. Vector graphics are typically detailed illustrations, fonts, logos, line art and page layouts. A vector graphic appears [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[34],"tags":[53,54,55],"class_list":["post-639","post","type-post","status-publish","format-standard","hentry","category-design-help","tag-bitmap","tag-graphics","tag-vector"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>What&#039;s the Difference Between Vector and Bitmap Graphics? - Nayamode | Bluewave - Blog<\/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:\/\/nayamode.com\/blog\/whats-the-difference-between-vector-and-raster-graphics\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What&#039;s the Difference Between Vector and Bitmap Graphics? - Nayamode | Bluewave - Blog\" \/>\n<meta property=\"og:description\" content=\"There are two types of computer graphics: vector and\u00a0bitmap (also known as raster). Vector graphics use mathematical statements to describe a series of points to be connected along a path, forming an image composed of shapes and lines. Vector graphics are typically detailed illustrations, fonts, logos, line art and page layouts. A vector graphic appears [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/nayamode.com\/blog\/whats-the-difference-between-vector-and-raster-graphics\/\" \/>\n<meta property=\"og:site_name\" content=\"Nayamode | Bluewave - Blog\" \/>\n<meta property=\"article:published_time\" content=\"2009-03-31T23:47:28+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/bluew.com\/test2014\/wp-content\/uploads\/2009\/04\/vector.jpg\" \/>\n<meta name=\"author\" content=\"Bluewave\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Bluewave\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/nayamode.com\\\/blog\\\/whats-the-difference-between-vector-and-raster-graphics\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/nayamode.com\\\/blog\\\/whats-the-difference-between-vector-and-raster-graphics\\\/\"},\"author\":{\"name\":\"Bluewave\",\"@id\":\"https:\\\/\\\/nayamode.com\\\/blog\\\/#\\\/schema\\\/person\\\/012d127a94e39915c0c44bc6fd3e3091\"},\"headline\":\"What&#039;s the Difference Between Vector and Bitmap Graphics?\",\"datePublished\":\"2009-03-31T23:47:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/nayamode.com\\\/blog\\\/whats-the-difference-between-vector-and-raster-graphics\\\/\"},\"wordCount\":335,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\\\/\\\/nayamode.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/nayamode.com\\\/blog\\\/whats-the-difference-between-vector-and-raster-graphics\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/bluew.com\\\/test2014\\\/wp-content\\\/uploads\\\/2009\\\/04\\\/vector.jpg\",\"keywords\":[\"bitmap\",\"graphics\",\"vector\"],\"articleSection\":[\"Design Help\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/nayamode.com\\\/blog\\\/whats-the-difference-between-vector-and-raster-graphics\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/nayamode.com\\\/blog\\\/whats-the-difference-between-vector-and-raster-graphics\\\/\",\"url\":\"https:\\\/\\\/nayamode.com\\\/blog\\\/whats-the-difference-between-vector-and-raster-graphics\\\/\",\"name\":\"What&#039;s the Difference Between Vector and Bitmap Graphics? - Nayamode | Bluewave - Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/nayamode.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/nayamode.com\\\/blog\\\/whats-the-difference-between-vector-and-raster-graphics\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/nayamode.com\\\/blog\\\/whats-the-difference-between-vector-and-raster-graphics\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/bluew.com\\\/test2014\\\/wp-content\\\/uploads\\\/2009\\\/04\\\/vector.jpg\",\"datePublished\":\"2009-03-31T23:47:28+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/nayamode.com\\\/blog\\\/whats-the-difference-between-vector-and-raster-graphics\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/nayamode.com\\\/blog\\\/whats-the-difference-between-vector-and-raster-graphics\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/nayamode.com\\\/blog\\\/whats-the-difference-between-vector-and-raster-graphics\\\/#primaryimage\",\"url\":\"http:\\\/\\\/bluew.com\\\/test2014\\\/wp-content\\\/uploads\\\/2009\\\/04\\\/vector.jpg\",\"contentUrl\":\"http:\\\/\\\/bluew.com\\\/test2014\\\/wp-content\\\/uploads\\\/2009\\\/04\\\/vector.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/nayamode.com\\\/blog\\\/whats-the-difference-between-vector-and-raster-graphics\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/nayamode.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What&#039;s the Difference Between Vector and Bitmap Graphics?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/nayamode.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/nayamode.com\\\/blog\\\/\",\"name\":\"Nayamode | Bluewave - Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/nayamode.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/nayamode.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/nayamode.com\\\/blog\\\/#organization\",\"name\":\"Nayamode Inc.\",\"url\":\"https:\\\/\\\/nayamode.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/nayamode.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/nayamode.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/bluewave-nm-logo-color.svg\",\"contentUrl\":\"https:\\\/\\\/nayamode.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/bluewave-nm-logo-color.svg\",\"width\":477,\"height\":43,\"caption\":\"Nayamode Inc.\"},\"image\":{\"@id\":\"https:\\\/\\\/nayamode.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/company\\\/nayamode\\\/\",\"https:\\\/\\\/vimeo.com\\\/bluewavecommunications\",\"https:\\\/\\\/www.instagram.com\\\/bluewave_nayamode\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/nayamode.com\\\/blog\\\/#\\\/schema\\\/person\\\/012d127a94e39915c0c44bc6fd3e3091\",\"name\":\"Bluewave\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/45b1454e67026032175815ea911894a4d9aeebf435f6d3d3d52e437b3daef75d?s=96&d=identicon&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/45b1454e67026032175815ea911894a4d9aeebf435f6d3d3d52e437b3daef75d?s=96&d=identicon&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/45b1454e67026032175815ea911894a4d9aeebf435f6d3d3d52e437b3daef75d?s=96&d=identicon&r=g\",\"caption\":\"Bluewave\"},\"sameAs\":[\"http:\\\/\\\/bwblog2020.nmstaging.com\"],\"url\":\"https:\\\/\\\/nayamode.com\\\/blog\\\/author\\\/nmbluewaveadm\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What&#039;s the Difference Between Vector and Bitmap Graphics? - Nayamode | Bluewave - Blog","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:\/\/nayamode.com\/blog\/whats-the-difference-between-vector-and-raster-graphics\/","og_locale":"en_US","og_type":"article","og_title":"What&#039;s the Difference Between Vector and Bitmap Graphics? - Nayamode | Bluewave - Blog","og_description":"There are two types of computer graphics: vector and\u00a0bitmap (also known as raster). Vector graphics use mathematical statements to describe a series of points to be connected along a path, forming an image composed of shapes and lines. Vector graphics are typically detailed illustrations, fonts, logos, line art and page layouts. A vector graphic appears [&hellip;]","og_url":"https:\/\/nayamode.com\/blog\/whats-the-difference-between-vector-and-raster-graphics\/","og_site_name":"Nayamode | Bluewave - Blog","article_published_time":"2009-03-31T23:47:28+00:00","og_image":[{"url":"http:\/\/bluew.com\/test2014\/wp-content\/uploads\/2009\/04\/vector.jpg","type":"","width":"","height":""}],"author":"Bluewave","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Bluewave","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/nayamode.com\/blog\/whats-the-difference-between-vector-and-raster-graphics\/#article","isPartOf":{"@id":"https:\/\/nayamode.com\/blog\/whats-the-difference-between-vector-and-raster-graphics\/"},"author":{"name":"Bluewave","@id":"https:\/\/nayamode.com\/blog\/#\/schema\/person\/012d127a94e39915c0c44bc6fd3e3091"},"headline":"What&#039;s the Difference Between Vector and Bitmap Graphics?","datePublished":"2009-03-31T23:47:28+00:00","mainEntityOfPage":{"@id":"https:\/\/nayamode.com\/blog\/whats-the-difference-between-vector-and-raster-graphics\/"},"wordCount":335,"commentCount":2,"publisher":{"@id":"https:\/\/nayamode.com\/blog\/#organization"},"image":{"@id":"https:\/\/nayamode.com\/blog\/whats-the-difference-between-vector-and-raster-graphics\/#primaryimage"},"thumbnailUrl":"http:\/\/bluew.com\/test2014\/wp-content\/uploads\/2009\/04\/vector.jpg","keywords":["bitmap","graphics","vector"],"articleSection":["Design Help"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/nayamode.com\/blog\/whats-the-difference-between-vector-and-raster-graphics\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/nayamode.com\/blog\/whats-the-difference-between-vector-and-raster-graphics\/","url":"https:\/\/nayamode.com\/blog\/whats-the-difference-between-vector-and-raster-graphics\/","name":"What&#039;s the Difference Between Vector and Bitmap Graphics? - Nayamode | Bluewave - Blog","isPartOf":{"@id":"https:\/\/nayamode.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/nayamode.com\/blog\/whats-the-difference-between-vector-and-raster-graphics\/#primaryimage"},"image":{"@id":"https:\/\/nayamode.com\/blog\/whats-the-difference-between-vector-and-raster-graphics\/#primaryimage"},"thumbnailUrl":"http:\/\/bluew.com\/test2014\/wp-content\/uploads\/2009\/04\/vector.jpg","datePublished":"2009-03-31T23:47:28+00:00","breadcrumb":{"@id":"https:\/\/nayamode.com\/blog\/whats-the-difference-between-vector-and-raster-graphics\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nayamode.com\/blog\/whats-the-difference-between-vector-and-raster-graphics\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/nayamode.com\/blog\/whats-the-difference-between-vector-and-raster-graphics\/#primaryimage","url":"http:\/\/bluew.com\/test2014\/wp-content\/uploads\/2009\/04\/vector.jpg","contentUrl":"http:\/\/bluew.com\/test2014\/wp-content\/uploads\/2009\/04\/vector.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/nayamode.com\/blog\/whats-the-difference-between-vector-and-raster-graphics\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/nayamode.com\/blog\/"},{"@type":"ListItem","position":2,"name":"What&#039;s the Difference Between Vector and Bitmap Graphics?"}]},{"@type":"WebSite","@id":"https:\/\/nayamode.com\/blog\/#website","url":"https:\/\/nayamode.com\/blog\/","name":"Nayamode | Bluewave - Blog","description":"","publisher":{"@id":"https:\/\/nayamode.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/nayamode.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/nayamode.com\/blog\/#organization","name":"Nayamode Inc.","url":"https:\/\/nayamode.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/nayamode.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/nayamode.com\/blog\/wp-content\/uploads\/2023\/05\/bluewave-nm-logo-color.svg","contentUrl":"https:\/\/nayamode.com\/blog\/wp-content\/uploads\/2023\/05\/bluewave-nm-logo-color.svg","width":477,"height":43,"caption":"Nayamode Inc."},"image":{"@id":"https:\/\/nayamode.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/nayamode\/","https:\/\/vimeo.com\/bluewavecommunications","https:\/\/www.instagram.com\/bluewave_nayamode"]},{"@type":"Person","@id":"https:\/\/nayamode.com\/blog\/#\/schema\/person\/012d127a94e39915c0c44bc6fd3e3091","name":"Bluewave","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/45b1454e67026032175815ea911894a4d9aeebf435f6d3d3d52e437b3daef75d?s=96&d=identicon&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/45b1454e67026032175815ea911894a4d9aeebf435f6d3d3d52e437b3daef75d?s=96&d=identicon&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/45b1454e67026032175815ea911894a4d9aeebf435f6d3d3d52e437b3daef75d?s=96&d=identicon&r=g","caption":"Bluewave"},"sameAs":["http:\/\/bwblog2020.nmstaging.com"],"url":"https:\/\/nayamode.com\/blog\/author\/nmbluewaveadm\/"}]}},"_links":{"self":[{"href":"https:\/\/nayamode.com\/blog\/wp-json\/wp\/v2\/posts\/639","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nayamode.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nayamode.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nayamode.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nayamode.com\/blog\/wp-json\/wp\/v2\/comments?post=639"}],"version-history":[{"count":0,"href":"https:\/\/nayamode.com\/blog\/wp-json\/wp\/v2\/posts\/639\/revisions"}],"wp:attachment":[{"href":"https:\/\/nayamode.com\/blog\/wp-json\/wp\/v2\/media?parent=639"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nayamode.com\/blog\/wp-json\/wp\/v2\/categories?post=639"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nayamode.com\/blog\/wp-json\/wp\/v2\/tags?post=639"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}