How to Vectorize an Image

You have downloaded an image from the Internet and want to convert it to a Vector graphics which can be zoomed into infinity without breaking down or losing quality? It is by no means a mission impossible: if the image in question is quite "simple" (ie characterized by not excessively "complex" strokes and shapes) and does not contain many colors, it can easily succeed!

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 figure out which solution is right for you and use it: that's all!

So, you are ready to find out how to vectorize an image? Yup? Very well! Make yourself comfortable, take all the time you need to concentrate on reading the next paragraphs and, above all, implement the suggestions 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 wish you a good read and, above all, a good time!

How to Vectorize an Image with Illustrator

A delle prime soluzioni che ti consiglio di provare per vectorize an image è Illustration, the very famous vector graphics program that is part of the Adobe Creative Cloud suite and which is used and appreciated by professional designers 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 throw it and press 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 for the unit of measurement you prefer to use, set the values ​​of width e height corresponding to the image you want to vectorize and click on the button Crea.

Pray, select the voice Insert… from the menu Fillet (above), choose the photo you want to turn into a vector image, then click on the worksheet to import it into Illustrator and, if necessary, fit it into the worksheet using the white squares which are located on the edges. Now, left click on the image, so as to select it, open the menu Ref.: e seleciona le voci Trace> Create.

Now the image should have assumed 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 nella sezione Image tracing, choose the type of tracing that suits you best (eg. High fidelity photo, 3 colors, Etc.).

From the panel Image tracing you can also choose the mode tracing to use (eg. Color, Grayscale, etc.), the palette of colors with which to color the image (eg. 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 SVG selecting the item Save with name ... from the menu Fillet Adobe Illustrator and, in the window that opens, choose the location in which to save the output file.

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

How to Vectorize an Image with Photoshop

You are not very familiar with Illustrator, because you are used to using 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 (Illustrator is for that!).

So start Photoshop, press the button Create new ..., select the voice pixel from the drop-down menu relating to the unit of measurement to be used as a reference and sets the values ​​relating to the width and l 'height of the worksheet, using the same dimensions as the image you want to vectorize. Then press the button Crea.

Now you have to import the image you want to vectorize into Photoshop: select, therefore, the item Apri ... from the menu Fillet and choose the file you are interested in. At this point, if you deem it necessary, isolate the subject that is in the foreground by eliminating the background of the image (therefore the part you don't "need"). To do this, he calls him lasso tool from the toolbar located on the left, select the item magnetic loop and, trying to be as precise as possible, create a selection around the subject you want to stand out. To refine the selection, I then advise you to press the button Refine Edge and adjust the bars radius, Round up e Fade until you feel satisfied with the result.

Now it's time to delete the background: right click anywhere in the selection, click on the item Select reverse from the context menu and press the button Canc/Backspace on the keyboard. In the window that opens, then select the color White give menu to tendin Content and click sul pulsating OK per portare to finish l'operazione.

At this point you have to go to the actual vectorization procedure: go, therefore, 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 as well.

Next, go to the panel of levels located at the bottom right, right click on the level name image and select the item Blending options ... from the context menu. Then choose the voice Blending options, moves to the left of the first adjustment bar located under the item Fondi if and click on the button OK.

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

To conclude the work, go to the menu File> Export> Export As ...select il format SVG from the drop-down menu, press the button Export everything, select the location to save the output image and that's it.

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

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 into JPG, BMP, etc. in SVG vector files, let's not waste any more time and see immediately how to use it best.

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

Once the download is complete, start the installation package . MSI you have obtained 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, Yes e Finish.

A Poppyinstead, presses on the link .dmg and then download the component XQuartz (required to use the program on macOS) by going to its download page and clicking on the link XQuartz-xxxx.dmg.

Now, open the package .dmg which contains XQuartz, right click on the executable xQuartz.pkg located inside it and select the item apri from the menu that opens. In the window that appears on the screen, click on the button Continue three consecutive times and then on Accept e Install. To conclude, enter the password administration of macOS and press on the buttons Install software, OK e Close.

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

Then, when starting Inkscape on Mac, remember to right click on its icon and press twice on apri to “bypass” the macOS restrictions on software from non-certified developers (you need to do this only at the first start of the program).

Once Inkscape has started, select the entry It matters ... from the menu Fillet and select the image you want to transform into vector. Then click on the button OK (making sure there is a check mark next to the item Incorporates) and use the mouse to move / resize the imported image in order to best fit the work plane.

At this point, you need to move on to the actual vectorization of the image. Select the item Vectorize bitmap ... from the menu Plot 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 (taking it from 8 a 12-15 or more) and click on the button Update to preview the image transformed into vector graphics. If the result satisfies you, press the button OK to apply the changes made and close the tool window Vectorize bitmaps.

Mission accomplished! Now, all you have to do is save your image in SVG selecting the item Save as ... from the menu Fillet 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 e pulsing sul pulsating Save but I will complete the operation.

How to Vectorize an Image with GIMP

If you have come to this guide with the aim of vectorizing an image with GIMP, you will be partially disappointed. For what reason? Because GIMP doesn't actually offer the ability to save files in the SVG format. Be that as it may, know that one way to use this program for the purpose you have set yourself actually exists: edit the image using the GIMP tools, save it in one of the available formats (e.g. PNG) and then resort to a online converter to export image to SVG. Let me tell you how to proceed.

First of all, download the program on your computer: connected to the GIMP site, 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 program download is complete, open the GIMP installation file and follow the instructions that appear on the screen to complete the setup.

Su Windowsclick on your button Yes and then click the buttons OKInstall e end. On Poppyinstead, drag GIMP into the folder Applications, right click on the software icon and select the item apri from the menu that opens twice in a row, in order to “bypass” the macOS restrictions on applications from non-certified developers (this is only necessary when starting GIMP for the first time).

After installing and starting GIMP, wait for the program editor to appear (at 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, erase the background in the image to make the foreground subject stand out. To do this, he presses on Foreground selection tool (the icon oflittle man located in the instrument panel on the left) and trace the outlines of the subject you are interested in. 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 key Canc on the keyboard to delete the portion of the photo you don't care about.

Once this is done, open the menu Colors, select the voice Desaturazione to apply grayscale to the image and then click on the entry Posterizza (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 (ex. PNG).

To vectorize the image you have just edited, you must then resort to an online converter, such as Image Online Convert. After going to the page I linked to you, press the button Choose Files placed in the center of the screen and upload the image you are interested in. Finally, put the check mark on the item monochrome, pig sul sul bottone Start conversion and, as if by "magic", the image will be converted to SVG format.

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

How to Vectorize an Image Online

want vectorize an online image? And what's the problem: there are an infinite number of online services that allow you to do this with more or less satisfactory results. Among them, it stands out Vectorizer.io, a free online service that was created for the sole purpose of vectorizing images (here is its name!).

To use Vectorizer.io, connected 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 transform into vector. If you wish, you can also act on some of its settings using the drop-down menu for this purpose Presets to select one of the many presets available (eg. Photo, ClipartTatoo, etc.) and possibly also customize the colors to be applied to the image using the buttons and drop down menu located at the bottom of the page.

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