How to Convert Jpg to Vector


Vector graphics are the ideal format for use in logos, images, or simple illustrations because they have clear lines and contours. Because they are created using equations instead of pixels, they can be rescaled to any size without losing clarity. Vector images are often used in graphic design, website design, and commercial marketing. While most vector images are created from scratch, you can use image editing programs to "trace" JPG images and convert them to vectors.

Part 1
Using Adobe Illustrator

Using Adobe Illustrator on How to Convert Jpg to Vector

1
Adobe Illustrator is a professional image creation program, and is the easiest way to create vector images from JPG files. If you don't have access to Illustrator, see the next section for instructions on using the free GIMP and Inkscape utilities.

Using Adobe Illustrator on How to Convert Jpg to Vector

2
You can do this by clicking the menu in the upper-right corner and selecting "Tracing." You'll see the "Image Trace" panel appear.

Using Adobe Illustrator on How to Convert Jpg to Vector

3
You can do this from the File menu or by dragging and dropping the file.

Using Adobe Illustrator on How to Convert Jpg to Vector

4
The tracing options in the Image Trace panel will become active.

Using Adobe Illustrator on How to Convert Jpg to Vector

5
This will allow you to see what the different settings will do before applying them, but it will increase the time between making changes.

Using Adobe Illustrator on How to Convert Jpg to Vector

6
There are five preset buttons along the top of the panel, and more presets available in the drop-down menu. The top row of buttons include the following presets: Auto Color - Creates a stylized set of colors based on the original colors. High Color - Attempts to recreate all of the original colors. Low Color - Creates a simplified version of the original colors. Grayscale - Replaces colors with shades of gray. Black and White - Reduces colors to black and white.

Using Adobe Illustrator on How to Convert Jpg to Vector

7
Images converted to vectors don't usually show well with all of their natural colors, so you'll get a better result by reducing the number of colors used. This will lead to a "flatter" look for the image.

Using Adobe Illustrator on How to Convert Jpg to Vector

8
This will reveal more detailed controls for the trace.

Using Adobe Illustrator on How to Convert Jpg to Vector

9
Moving the slider to the left makes the paths looser, while sliding it to the right makes the paths tighter. A looser path will lead to smoother edges.

Using Adobe Illustrator on How to Convert Jpg to Vector

10
Moving the slider to the left will make the corners rounder, which will lead to a smoother image.

Using Adobe Illustrator on How to Convert Jpg to Vector

11
The Noise slider determines what groupings of pixels are considered "noise" and not included in the trace. This can help straighten lines and smooth out rough spots.

Using Adobe Illustrator on How to Convert Jpg to Vector

12
Illustrator will then perform the tracing action, which may take a few moments to complete.

Using Adobe Illustrator on How to Convert Jpg to Vector

13
This will convert your tracing object into actual vector paths, and will replace your JPG image with the vector.

Using Adobe Illustrator on How to Convert Jpg to Vector

14
Once you're finished with the tracing, you can export the finished image as a vector file. Click the File or Illustrator menu and select "Save As." Save a copy as an .ai file. This will let you easily re-open the file in Illustrator and make more edits. Select a vector format from the "Save As Type" menu. These include SVG (webpage) and PDF (print). Do not save the file as PNG or JPG, as these are not vector formats.

Part 2
Using GIMP and Inkscape

Using GIMP and Inkscape on How to Convert Jpg to Vector

1
These are free, open-source programs that you can use to create vector images from JPG files. GIMP is an image editor similar to Photoshop, and Inkscape is a vector graphics editor like Illustrator. Both are available for all operating systems. You can download GIMP from gimp.org. Run the installer for your operating system and leave the settings at their defaults. You can download Inkscape from inkscape.org. Run the installer for your operating system and leave the settings at their defaults. This method is only suitable for simple images with basic colors, like logos and emblems. Converting high-detail images will take a lot of work smoothing rough edges and getting good colors.

Using GIMP and Inkscape on How to Convert Jpg to Vector

2
Use the selection tool to create a rough border for your image. This will make recoloring it easier.

Using GIMP and Inkscape on How to Convert Jpg to Vector

3
" This will remove everything except what you've selected.

Using GIMP and Inkscape on How to Convert Jpg to Vector

4
" This will tighten up your selection.

Using GIMP and Inkscape on How to Convert Jpg to Vector

5
Once you've finished cropping the file, you can export it. Click the File menu and select "Export As." Leave the settings at their default and give the file a name so that you know it's the cropped version.

Using GIMP and Inkscape on How to Convert Jpg to Vector

6
After exporting the file, open it in Inkscape. You'll see it appear in your Inkscape workspace.

Using GIMP and Inkscape on How to Convert Jpg to Vector

7
You'll need to select the image before you can trace it in Inkscape.

Using GIMP and Inkscape on How to Convert Jpg to Vector

8
" This will open the Trace Bitmap window.

Using GIMP and Inkscape on How to Convert Jpg to Vector

9
This will display a preview of what the vector image will look like with that vectorization method. The "Colors" option will give you the closest approximation of the original image.

Using GIMP and Inkscape on How to Convert Jpg to Vector

10
You can adjust some settings for most of the presets. Click "Update" after each settings change to see the results.

Using GIMP and Inkscape on How to Convert Jpg to Vector

11
The original image will be traced and replaced with the vector image.

Using GIMP and Inkscape on How to Convert Jpg to Vector

12
This tool will allow you to select areas of the vector image and then drag nodes to adjust the size and shade. Click a part of your images and you'll see a bunch of small boxes appear. Drag these boxes to change the shapes for your selection.[1]

Using GIMP and Inkscape on How to Convert Jpg to Vector

13
During the trace, some parts of the image may have been connected when they shouldn't have been. The Break Paths tool allows you to separate these parts by removing connecting nodes.

Using GIMP and Inkscape on How to Convert Jpg to Vector

14
Once you're satisfied with your vector image, you can save it as a vector format. Click the File menu and select "Save As." Select a vector format from the "Save as type" menu. Common formats include SVG (for websites) and PDF (for print). Save a copy as an Inkscape SVG to be able to go back and make easy edits.