{"id":2005,"date":"2020-10-29T12:02:07","date_gmt":"2020-10-29T12:02:07","guid":{"rendered":"https:\/\/servicesground.com\/?p=2005"},"modified":"2020-10-29T12:02:11","modified_gmt":"2020-10-29T12:02:11","slug":"difference-between-vector-and-raster-graphics","status":"publish","type":"post","link":"https:\/\/servicesground.com\/blog\/difference-between-vector-and-raster-graphics\/","title":{"rendered":"Difference between Vector and Raster Graphics"},"content":{"rendered":"\n
Well, before we start to know about vector and raster graphics, we must understand a few basic terms of display graphics<\/a>:<\/p>\n\n\n\n A pixel is the smallest element of a picture which represents on your screen. Pixel is actually a short form of “Picture Element”. Those are the small little dots that make the image to display on the computer, whether they are flat-screen (LCD) or tube (CRT) monitors.<\/p>\n\n\n\n The display screen is divided into a matrix of thousands or millions of pixels. You cannot see the individual pixel without zooming it, because they are so small. Most people prefer to look at smooth and clear images<\/a> rather than pixelated one.<\/p>\n\n\n\n A bitmap is also an image file format. A bitmap is a type of file that displays small dots in a pattern that creates an overall image. The bitmap image is actually a grid made of rows and columns where specific cells with given value fill it in or leave it blank.<\/p>\n\n\n\n It is also called a bit-array or bitmap index. The more general term is pixmap which refers to a map of pixels, where each one may store more than two colors and you can use more than one bit per pixel. Sometimes the term bitmap implies one bit per pixel. While pixmap is used for images with multiple bits per pixel.<\/p>\n\n\n\n The Raster images use bitmaps to store information and display content. So, the large file needs a large bitmap and the larger image requires more disk space to store. For example, the image of 640 x 480 requires information to be stored for 307,200 pixels, while a 3072 x 2048 image needs to store information for a whopping 6,291,456 pixels.<\/p>\n\n\n\n We can use algorithms that compress images<\/a> to reduce file sizes. Formats like jpeg and gif are commonly compressed. Scaling down these images could be easy but enlarging a bitmap makes it pixelated or blurred. Hence for images that need to scale it to different sizes, we should use vector graphics.<\/p>\n\n\n\n Its file extensions could be in:BMP, TIF, GIF, JPG.<\/p>\n\n\n\n The programs<\/a> which place lines or shapes in a 2-D or 3-D environment sequentially are referred to as Vector Graphics. The Vector graphics are best for printing since it prints crisply even when they are enlarged. A vector is something that has a magnitude and direction<\/a>. Its file is created and saved as a sequence of vector statements.<\/p>\n\n\n\n A bit in the file for each bit of line drawing we use commands which describe a series of points to be connected. So, as a result much smaller file is obtained.<\/p>\n\n\n\n Its file extensions could be in:SVG, EPS, PDF, AI, DXF.<\/p>\n\n\n\n From the above discussion, you have got an idea about vector and raster graphics. Now we will discuss the conversions of raster image and vector image briefly. <\/p>\n\n\n\n Mostly the printers and display devices are raster devices. To display, we need to convert vector images to raster format. Then it would be a usable display or print. The required resolution is important in determining the size of the raster file generated. The important point to note is that the size of the vector image to be converted always remains the same. It is convenient to convert a vector file to a range of bitmap\/raster file formats but going down the opposite path is harder because sometimes we need to edit the image while converting from raster to vector.<\/p>\n\n\n\n The image tracing in computing<\/a> could be referred to as vectorization and it\u2019s simply about converting raster images to vector images. The vectorization could be used to retrieve the information that we have lost. Paint in Microsoft Windows can produce a bitmap output file so it would be easy to notice jagged lines. In this kind of conversion, the image<\/a> size reduces drastically. As a result, an exact conversion is not possible in this scenario due to various approximations and editing that is done in the process of conversion. The converted images are not of good quality.<\/p>\n\n\n\n The main difference between vector and raster graphics is that:<\/strong><\/p>\n\n\n\n Thanks For Reading.<\/p>\n\n\n\n If you liked this article and want to read more of these, please subscribe to our newsletter and follow us on Facebook<\/a>, Youtube<\/a>, Linkedin<\/a>, and Twitter<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":" Well, before we start to know about vector and raster graphics, we must understand a few basic terms of display graphics: 1: Pixel: A pixel is the smallest element of a picture which represents on your screen. Pixel is actually a short form of “Picture Element”. Those are the small little dots that make the […]<\/p>\n","protected":false},"author":26,"featured_media":2006,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[786,236],"tags":[1312,1313,1310,1010,923,920,922,1311,1314,1317,1033,1315,1316],"yst_prominent_words":[674,95],"_links":{"self":[{"href":"https:\/\/servicesground.com\/blog\/wp-json\/wp\/v2\/posts\/2005"}],"collection":[{"href":"https:\/\/servicesground.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/servicesground.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/servicesground.com\/blog\/wp-json\/wp\/v2\/users\/26"}],"replies":[{"embeddable":true,"href":"https:\/\/servicesground.com\/blog\/wp-json\/wp\/v2\/comments?post=2005"}],"version-history":[{"count":6,"href":"https:\/\/servicesground.com\/blog\/wp-json\/wp\/v2\/posts\/2005\/revisions"}],"predecessor-version":[{"id":2733,"href":"https:\/\/servicesground.com\/blog\/wp-json\/wp\/v2\/posts\/2005\/revisions\/2733"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/servicesground.com\/blog\/wp-json\/wp\/v2\/media\/2006"}],"wp:attachment":[{"href":"https:\/\/servicesground.com\/blog\/wp-json\/wp\/v2\/media?parent=2005"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/servicesground.com\/blog\/wp-json\/wp\/v2\/categories?post=2005"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/servicesground.com\/blog\/wp-json\/wp\/v2\/tags?post=2005"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/servicesground.com\/blog\/wp-json\/wp\/v2\/yst_prominent_words?post=2005"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}1: Pixel:<\/strong><\/h3>\n\n\n\n
2: Bitmap (BMP):\u00a0<\/strong><\/h3>\n\n\n\n
Raster Graphics<\/strong><\/h2>\n\n\n\n
Vector Graphics<\/strong><\/h2>\n\n\n\n
Their Conversions<\/strong><\/h2>\n\n\n\n
Vector to Raster<\/strong><\/h3>\n\n\n\n
Raster to Vector:<\/strong><\/h3>\n\n\n\n
Main Differences:<\/strong><\/h3>\n\n\n\n