Inksacpe: Using Trace Bitmap for Vector Art
Tags: design, beginners, opensource, webdev
Published: 2021-11-14 12:08:06

**Hi, Everyone! 
Aditya here,**

Nowadays to make our websites much cooler we use vector art and Sometimes we all get to that problem to find a cool vector art and it's quite a difficult task. As we jumped on the internet to get inspiration. 
In my case, the vector art I like is mostly not modifiable and the vector art which can be modified mostly has a limited level of customization it does the job not give the satisfaction I need.

So, here comes the solution which can help is TRACE BITMAP. 
Here you can Find It in **INKSCAPE** 
![trace-bitmap-ink](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a4hg3obv39yfhwtgppp5.png)
##If you guys are not familiar with inksacpe check out my previous post Link here :👇
https://dev.to/aditya11017/inkscape-alternative-to-adobe-illustrator-2mh3  
##Now what is it? How it works? 
*So, one of the features in Inkscape is a tool for tracing a bitmap image into a <path> element for your SVG drawing.*
##You can find more on this link:
https://inkscape.org/doc/tutorials/tracing/tutorial-tracing.html
So, to understand this feature first we need to learn about: 
####2 different types of graphics 
1. Raster – The image is made of those little, tiny color boxes we called “pixels”.
We can see them when we zoom on to that image. Such as JPG, PNG, TIF.
![pur-amus](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5t7rzqc4tkzl15he67ol.gif)  
2. Vector – The image is consistent with a series of coordinate points that control the look of the image on an X and Y-axis.
![takemyvector](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dqc01tx0x1ota25fxv3t.png)
 * Main Difference between Raster and Vector
![ras-vs-vec](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m4iorni6kdavs968eedl.png)

|  Vector    |   Raster        | 
|:----------:|--------------:| 
| they can be zoomed infinitely without quality loss.|they are best for retaining fine details.| 
| they are best for illustrations|they good for images| 
| .svg | .jpg, .png |  

## Now how use Inkscape use to trace any vector art 
* Firstly we need to import our file,

###Step – 1 Go to files tab >  Import
![Stp-1-import](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0k8qpmc5361e56loo53g.png) 
 * Once image is imported then,

###Step -2  Select Image then select Path Tab > Trace Bitmap
![stp-2-trace-bitmap](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nmys62no0n5qgb4fxfoc.png)
* Then on the right hand size a new window open of trace bitmap,

###Step -3 Chose Multiple scans > Colors > Set Scans to ‘8’ > Apply
*"we will talk about details in next part"*
![stp-3-apply](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g1ts16hb5g0si923dl2o.png)
###With, these methods our vector file will be generated:🎊

![output-vector](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yyrejl6flbr9xfrwfqmb.png)
###You can goof around with your vector art change its color, size does as you like.👍
![goof-with-output](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/92hqvo8j19vtc420wsyw.gif)
##This vector art is as fully customizable as we like.💪
You now just need to save your vector art.
That’s it, 
![we-r-done](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dj2wz8n64zhnc8auic0u.jpg)
###In the next part, I will discuss, how to convert our raster image into a vector image. 
####In, That part we will discuss trace bitmap and all other little details of Inkscape.
####What you want to know more about Inkscape tell me in the comments.
Thank you,
Sorry for any mistakes.
I hope this post is helpful for you guys.
Take care
Bye.