How to get vectorize images out of poor images ?
Most of the time, designers search for resources to include in their design. We tend to search for illustrations in popular websites which provide neat and clean illustrations as SVG’s and PNG formats.
But most of the time, we don’t get the exact images / illustrations which perfectly blend with our design. Even if we do get those illustrations, we get it as poorly blended images or as very low resolution pictures which annoy us lot. Consider the below image.
Although the image seem pretty good, we can’t use this image in high resolution designs such as 5000x5000 px sized canvas as this is a low resolution image compared to the canvas size. This will ruin our entire design system and aesthetics of the design.
Using Adobe Illustrator as remedy
Using Adobe Illustrator we can get high resolution vectors from poor illustrations for our projects. Adobe Illustrator has a inbuilt feature of tracing images.
Open Adobe Illustrator > File > Open
Browse and select the image from your computer and then click on open to import the image to your workspace.
Set the workspace option to Tracing mode to set the window to trace our image.
Select your image in the art board and in the Image Trace dialogue box, set the tracing option to Low Fidelity Photo.
After the selection of Low Fidelity Photo option, pixel clustering will take place and the image gets vectorised.
You can also enable the Image Trace dialogue box by Window > Image Trace
Now you can see the vector version of your image.
Save your vector in SVG format ( since you’ve spent your time to trace it to have it as a SVG) by File > Save as > SVG
Voilà! Now you have your image as a vector to use in your project. You can scale to any extent you want it for your projects.
You can also try the other Tracing Options ( High Fidelity Photo, Shades of Grey, etc.) and adjusting the parameters in the advanced section to explore more tracing options. Happy Learning !
