Skip to content

How to vectorize an image

Rate this post

How to vectorize an image: You have downloaded an image from the Internet and want to convert it into a Vector graphics that can be zoomed to infinity without shelling or losing quality? It is not an impossible mission at all: if the image in question is “simple” enough (ie characterized by not excessively “complex” strokes and shapes) and does not contain many colors, it can easily do it!

Are you wondering how? The answer is simple: using the right programs and, above all, in the right way, in order to vectorize an image starting from “standard” formats (such as JPG or PNG) and transforming it into an SVG file. And if you were wondering, know that there are also online services that allow you to do this kind of work directly from the browser. In short, you just have to understand which solution is right for you and use it: that’s all!

So, you’re ready to find out how to vectorize an image? Yup? Very well! Make yourself comfortable, take all the time you need to focus on reading the next paragraphs and, above all, implement the tips I am about to give you in relation to the use of the software listed below. There is nothing left for me to do, except to wish you a good read and, above all, have fun!

How to vectorize an image with Illustrator

One of the first solutions that I recommend you try for vectorize an image is Illustrator, a very famous vector graphics program which is part of the Adobe Creative Cloud suite and which is used and appreciated by professional designers from all over the world.

Using Illustrator for the purpose of this tutorial is not complicated at all. The first thing you need to do to use it is to launch it and press on the button Create new … present in its main window, so as to start the creation of a new project. Then select the item pixel from the drop-down menu relating to the unit of measurement you prefer to use, set the values ​​of width is height corresponding to the image you want to vectorize and click on the button Create.

Now, select the item Insert… from the menu File (above), choose the photo you want to transform into a vector image, then click on the worksheet to import it into Illustrator and, if necessary, adapt it to the worksheet using the white squares which are located on the edges. Now, left click on the image, to select it, open the menu Object and select the items Tracing> Create.

Now the image should have taken on the appearance of a black and white vector drawing: to change its appearance select it again and, from the drop-down menu Select a tracing preset present in the section Tracing image, choose the type of tracing that best suits you (e.g. High fidelity photos, 3 colors, etc.).

From the panel Tracing image you can also choose the modality of tracing to be used (e.g. Color, Gray scale, etc.), the palette of colors with which to color the image (e.g. Automatic, Full tone, etc.) and the quantity of colors to be used.

Once you have finished applying all the desired changes, save the image in the format SVG by selecting the item Save with name… from the menu File Adobe Illustrator and, in the window that opens, choose the location to save the output file.

If you want to deepen the topic and have further explanations on how to vectorize an image with Illustrator, also consult the in-depth analysis that I linked to you. I am sure that this further reading will also come in handy.

How to vectorize an image with Photoshop

How to vectorize an image with Photoshop

You are not very familiar with Illustrator, because you usually use it Photoshop ? In this case, know that you can also proceed with the famous photo editing software … which, however, it must be said, is not specifically designed to work with vector graphics (for that there is Illustrator!).

Start Photoshop then presses the button Create new …, select the item pixel from the drop-down menu relating to the unit of measurement to be used as a reference and set the values ​​concerning the width and theheight of the worksheet, using the same dimensions as the image you want to vectorize. Then presses the button Create.

Now you need to import the image you want to vectorize into Photoshop: select the item You open… from the menu File and choose the file you are interested in. At this point, if you deem it necessary, isolate the subject in the foreground removing the background of the image (so the part you don’t “need”). To do this, call him back lasso tool from the toolbar located on the left, select the item magnetic lasso and, trying to be as precise as possible, create a selection around the subject you want to stand out. To refine the selection, I suggest you then press the button Enhance board and adjust the bars radius, Rounds is Feather until you are satisfied with the result.

How to vectorize an image with Photoshop

Now the time has come to delete the background: right click anywhere on the selection made, click on the item Select reverse from the context menu and press the button Delete / Backspace on the keyboard. In the window that opens, then select the color White from the drop down menu Content and click the button OK to complete the operation.

At this point you have to go to the actual vectorization procedure: go to the menu Image> Adjustments, select the tool Threshold and, in the panel that appears on the screen, move it slider in lowest threshold point and then presses the button OK to save this change too.

Afterwards, go to the panel levels located at the bottom right, right click on level name image and select the item Blend Options … from the context menu. Then choose the item Merger options, move to the left of the first adjustment bar located under the heading Fund if and click on the button OK.

in the Image> Adjustments menu and use the Threshold function which allows you to obtain perfect monochrome images for the vector format.

Now you can go to the menu Level> New> Level… and, to create a new layer with a transparent background, set the option Nobody from the drop down menu Color, then press the button OK. Then right click on the layer you just created and select the item Merge visible from the menu that opens, to “merge” both levels of the image.

To conclude the work, go to the menu File> Export> Export as …, select the format SVG from the appropriate drop-down menu, presses the button Export everything, select the location where to save the output image and you’re done.

If you need some more clarification on how to vectorize an image with Photoshop do not hesitate to consult the guide that I have dedicated to the topic.

How to vectorize an image with Inkscape

In a guide on how to vectorize an image, it can not miss Inkscape, the famous free and open source vectorization software that allows you to do this kind of work quickly and easily. Since it integrates an ad hoc function to transform images in JPG, BMP, etc. format in SVG vector files, let’s not waste any more time and see immediately how to use it at its best.

First, download Inkscape to your computer: connect to program website and click on the icon of the operating system you use (e.g. theWindows icon, the Apple logo, etc.). If you use a PC Windows, in the page that opens, click on the link 64-bit or 32-bit, based on Windows version present on your PC, and then presses on the link msi.

Once the download is complete, start the installation package msi you got and, in the window that opens, presses the button Next, put the check mark next to the item I accept the terms in the License Agreement and then presses on the buttons Next, Typical, install, Yup is Finish.

If you use a Macinstead, presses on the link .dmg and then download the component XQuartz (necessary to use the program on macOS) by going to his download page and clicking on the link XQuartz-x.x.xx.dmg.

Now, open the package .dmg which contains XQuartz, right click on the executable xQuartz.pkg located inside and select the item You open from the menu that opens. In the window that appears on the screen, then, click on the button Go on three consecutive times and then up accept is Install. Finally, type in the password of administration of macOS and presses on the buttons Install software, OK is Close.

After installing the XQuartz component, you can install Inkscape. So open the package .dmg that you downloaded from the program website and drag its icon to the folder Applications by macOS. After that restart your Mac, start XQuartz (maybe look for it with Spotlight to make your job easier), select the item Preferences … from the menu XQuartz located at the top left and adjust the settings as follows: in the tab Entrance make sure that only the options are ticked Enable keyboard equivalents with X11 is Option keys send Alt_L and Alt_R, while in the card Clipboard make sure only the items are ticked Enable synchronization is Update CLIPBOARD when the notes change.

When starting Inkscape on Mac, then, remember to right click on its icon and press twice on You open to “bypass” macOS restrictions on software from non-certified developers (you only need to do this the first time you start the program).

Once Inkscape has started, select the entry It matters… from the menu File and select the image you want to turn into vector. Then click on the button OK (making sure there is a check mark next to the item Embed) and use the mouse to move / resize the imported image in order to best adapt it to the work surface.

At this point, you need to move on to the actual vectorization of the image. Select the item Vectorize bitmaps … from the menu Path of Inkscape and, in the window that opens, put the check mark next to the item colors. Increase the value of the field by a few points Scans (bringing it from 8 to 12-15 or more) and click on the button Refresh to view a preview of the image transformed into vector graphics. If you are satisfied with the result, press the button OK to apply the changes made and close the tool window Vectorize bitmaps.

Mission accomplished! Now, you just have to save your image in format SVG by selecting the item Save as … from the menu File and, in the window that opens, select the folder in which you want to save the file, type the name you want to assign it in the field File name and presses the button Save to complete the operation.

How to vectorize an image with GIMP

If you came on this guide with the aim of vectorize an image with GIMP, in part you will be disappointed. For what reason? Because in reality GIMP does not offer the possibility to save files in SVG format. Be that as it may, know that one way to use this program for the purpose you have actually set yourself is: edit the image using the GIMP tools, save it in one of the available formats (eg PNG) and then use a online converter to export the image to SVG. Let me explain how to proceed.

First, download the program on your computer: connect to the GIMP website, click on the button Download x.xx.x and then on the button Download GIMP x.xx.x directly located on the right. Once the download of the program is complete, open the GIMP installation file and follow the instructions that appear on the screen to complete the setup.

Up Windows, click on the button Yup and then click on the buttons OK, Install is end. Up Macinstead, drag GIMP to the folder Applications, right click on the software icon and select the item You open from the menu that opens twice in a row, in order to “bypass” the restrictions of macOS towards applications from non-certified developers (operation necessary only at the first start of GIMP).

After installing and starting GIMP, wait for the program editor to appear (on first start it may take a few more seconds) and then import the image you want to vectorize by opening the menu File> Open and selecting it from the appropriate window. If you deem it necessary, delete the background in the image, so as to bring out the subject in the foreground. To do this, press on Featured selection tool (the icon of thelittle man located in the tool panel on the left) and trace the contours of the subject that interests you. Then use the mouse cursor to “color” the area you want to keep and give Submit on the keyboard to activate the selection.

Next, right click on the image you are retouching, select the items Select> Invert from the context menu and press the button Delete on the keyboard to delete the portion of photos that you don’t care about.

Once this is done, open the menu colors, select the item desaturation to apply the grayscale to the image and then click on the item posterize (always from the menu colors). In the panel that opens, move the cursor Posterization level on the level that allows you to obtain the desired result and, when you have found the posterization level that you think best suits your needs, press the button OK. Finally, go to the menu File> Export and export the job in the desired format (e.g. PNG).

To vectorize the image you edited a few moments ago, you must then use an online converter, such as Image Online Convert. After going to the page that I linked to, press the button Choose Files placed in the center of the screen and uploads the image you are interested in. Finally, put a check mark on the item Monochrome, presses the button Start conversion and, as if by “magic”, the image will be converted to SVG format.

If you want to learn more about the topic, consult the guide in which I explain in more detail how to vectorize an image with GIMP.

How to vectorize an image online

Wishes vectorize an online image? And what a problem there is: there are an infinite number of online services that allow you to do this by obtaining more or less satisfactory results. Among these, it stands out Vectorizer.io, a free online service that was designed for the sole purpose of vectorizing images (his name is explained!).

To use Vectorizer.io, connect to its home page, click on the blue button Upload image located on the left of the page and select the image you want to turn into vector. If you wish, you can also act on some settings of the same by using the drop-down menu for this purpose Presets to select one of the many presets available (e.g. Photo, clipart, Tatoo, etc.) and possibly also customize the colors to be applied to the image using the buttons and i drop down menu located at the bottom of the page.

To save the image you uploaded, then, you just have to click on the blue button SVG Download placed immediately below the preview of the vectorized photo located on the right.