How to vectorize an image in Illustrator

There's more than one way to vectorize an image using design software like Adobe Illustrator and Linearity Curve.

In Illustrator, you can turn a raster image into a vector with the Image Trace feature.

You can also do this using Linearity Curve's AI-powered Auto Trace feature.

In this post, we'll explore the difference between raster and vector graphics files and go through the steps of the image vectorization process. Let's get started.

What's the difference between a raster image and scalable vector graphics?

There are two main image types that digital creatives work with: raster and vector.

Raster graphics are images saved in Bitmap image file formats, such as .jpg and .png. Bitmap graphics are made up of a grid of pixels—those tiny blocks on your screen that hold color information.

Common raster image formats include:

• Joint Photographic Experts Group (.jpeg or .jpg)
• Graphics Interchange Format (.gif)
• Portable Network Graphics (.png)
• Tag Image File Format (.tiff)

Vector graphics, on the other hand, are composed of shapes and lines determined by mathematical formulas. This means that vector image formats are infinitely scalable without losing image quality.

Common vector image formats include:

• Scalable Vector Graphics (.svg)
• Encapsulated PostScript (.eps)
• Portable Document Format (.pdf)
• Adobe Illustrator (.ai)

It's important to note that vector file formats can also contain raster graphics (like photos), but these raster images will lose their quality as you scale your entire vector design.

In raster graphics, file size often determines quality: a larger file size can contain more colored pixels and information. Large image sizes can become cumbersome when sharing your designs.

One of the ways you can mitigate image quality loss is to turn your raster images into vector paths using vector graphics software.

In the step-by-step tutorial below, we'll show you how to vectorize a picture of a whale into a vector drawing using Illustrator.

Create a new document in Adobe Illustrator

First, you'll need to create a new document in Illustrator. To do this, go to File > New.

Ideally, you should create a new document with an Artboard with the exact dimensions of the image you intend to vectorize, but this isn't necessary.

Import your original image into Illustrator

Next, import your raster image file into Illustrator by going to File > Place. Then, you'll need to use the Anchor Point controls to resize your image to the size you want.

Vectorize your image with Image Trace

The next step is vectorizing your image. Select your image, then open the Object menu item. Select Image Trace > Make.

Alternatively, depending on which version of Illustrator you have, the Image Trace option might appear at the screen's top or right-hand side when your image is selected.

Adjust the Image Trace Settings

Next, decide which preset option to use to create your vector image.

You can choose the number of colors you want in your final image, including 3-color, 16-color, and high- and low-fidelity photos.

There is also the Grayscale option, which uses only shades of gray for your image.

To turn your photo into a black-and-white vector image, you can choose the Silhouette option. The colors of your vector will depend on the option you pick.

Once you click on an option, the vector tracing will begin immediately but might take a few seconds to complete.

Fine-tune your Image Trace

The next step is to fine-tune your vectorized image. There are several options to do this.

With the Image Trace panel window still open, you can access various tracing options to tweak your design. If you toggle open the Advanced options, it allows you to alter the number of paths, corners, and various Stroke and Fill options.

Expand your Image Trace

Once you're happy with how the Preview looks, click Expand. This will finalize the image trace and transform your raster image into editable vector shapes.

Edit your vector image file

Next, you may want to edit your vector image. It'll appear as a collection of different vector shapes in many colors. These shapes will initially be Grouped.

To make individual changes to these shapes, you'll need to Ungroup them first. To do this, choose the Selection tool (V on your keyboard) and click on your image. Then, right-click to open the quick options menu and select Ungroup.

Another way to do this is to go to Object > Ungroup in the main menu, or simply press ⌘ + Shift + G on your keyboard.

Save and export your vector file

Once you've adjusted your vectorized image to your satisfaction using the presets, tracing options, and tools, it's time to save your new vector project.

Go to the File drop-down menu and choose Save. You can also press ⌘ + S on your keyboard at any time to save your progress.

Then you can use the File > Export feature to save your vector image in the desired vector file type.

Let's look at how to do the same vector tracing process faster with Linearity Curve, our progressive design software for digital creatives.

How to vectorize your image faster next time using Linearity Curve

Adobe Illustrator is good at transforming raster images into vector images but has some issues. First, it's an expensive platform, which puts it out of reach for many people. Second, it's complicated, and navigating all the ins and outs of its image-tracing process can be very time-consuming.

Linearity Curve is a vector graphic design platform for Mac, iPad, and iOS. It has a powerful Auto Trace tool can transform images from raster pixels into vector shapes with fewer clicks. With Curve, the process is much simpler.

Step 1: Create a new document in Linearity Curve

Open your raster image as a new document in Linearity Curve, or Import it onto an existing Artboard.

Make sure the image layer is Unlocked in the Layers Tab.

Step 2: Use Linearity Curve's automatic tracing tools

Once you select your image, the Auto Trace panel menu will instantly appear in the Style Tab.

You can adjust the two sliders to change how detailed your new vector image will be. Then, click the Auto Trace button to transform your image into vector shapes.

Below is an example of a bitmap image of Mickey Mouse vectorized in Linearity Curve:

Step 3: Save and export your vector image

Linearity Curve automatically saves your progress, and you can go back to your project at any time to continue where you left off.

3 Auto Trace Modes for accurate automatic vectorization

Linearity Curve's Auto Trace feature is enhanced with AI to automatically convert various types of images to vectors based on the best settings.

The 3 Auto Trace Modes are:

• Sketch Mode to convert your sketches into vectors in seconds.
• Photography Mode, for turning your photos into painting-like portraits.
• Illustration Mode to vectorize your illustrations.

Sketch Mode: convert sketches into vectors

Our Auto Trace feature offers Sketch Mode, a tracing mode specifically developed to trace and convert pencil sketches into crisp vector shapes.

The tracing feature analyzes the source image for ultra-precise results. You can convert technical drawings or freehand drawings into adjustable lines and vector shapes.

Auto Trace's precise control sliders give you the ultimate control over your vectorization settings. You can:

• Control the grouping behavior of the resulting vector shapes with the Complexity Slider.
• Lower the Complexity value to smooth the outlines and get a more abstract result.
• Increase the Complexity value to retain more details in complex images.
• Use the Contrast Slider to define the threshold at which color is defined as black or white. Adjusting the slider can result in dramatic differences in the look and shadow behavior of the final result.

The image below shows the differences in image tracing results with higher and lower Complexity values.

With our 4.8.2 update, we included even more options for the optimal tracing results of your sketches:

• The Simplify toggle is ideal for tracing an image with simple, uncomplicated shapes. When Simplify is toggled on, Auto Trace will create significantly fewer nodes in the resulting traced shape.
• With the Ignore White feature, you can define whether Auto Trace creates vector shapes out of your input image's white areas. When Ignore White is turned on while in Sketch Mode, all the white areas of the source image will be erased.
• The Keep Source Image toggle will define whether the original image will be kept after finishing the tracing process. If the original image is saved, it will be organized below the newly traced image in the layer hierarchy.

The below image shows the difference between Auto Trace used with Ignore White toggled off and on. With Ignore White toggled off, your traced image will seem to have a white background (but these are all individual vector shapes).

With Linearity Curve's Auto Trace, you only have to make a few slider adjustments, click once, and you’ll get a stunning vector image.

The final vector image will need minimal to no adjustment after tracing.

Photography Mode: turn photos into vector paintings

This tracing option was explicitly developed to convert photos into vector shapes. It turns any imported digital image into a painting-like vector.

The context-aware panel contains two adjustable sliders:

• The Complexity Slider defines how many paths your vectorized image will have. A lower value will give you a more abstract result, and a higher value will result in a more detailed path.
• The Path Slider sets the threshold for your path size. A higher value creates longer paths between points, resulting in a less detailed image. A lower value will generate shorter paths between points, producing greater detail.

After tracing, every singular shape in the newly created vector image can be adjusted by changing its size, color, and opacity. An outline can be added as a bright Stroke color. These adjustments can change the look of the vector shape dramatically.

Illustration Mode: create colorful flat illustrations

You can turn hand-drawn illustrations or raster images into stunning vector illustrations using Illustration Mode. This Auto Trace is especially helpful for artists and designers who prefer working with physical media and turning them into digital assets using software.

Illustration Mode offers the following adjustable parameters:

• Min Path Size defines the threshold for your path size. The higher the set value, the longer the path between points. The lower the set value, the shorter the distance between points. The Min Path Size of the Illustration Mode is set to 10 by default.
• Level of Details defines the level of detail that will be kept in the resulting traced vector image. You can choose between the levels Low, Regular, and High.
• Simplify Path is best suited for tracing motifs with simple and uncomplicated lines. If the mode is activated, the tracing process will take less time.
• Keep Source Image will place the original image underneath all the other vector layers. The original raster image will also be grouped with the traced vector image in the Layers Tab.

The tracing process in Linearity Curve is incredibly fast. The Auto Trace feature menu is so simple and intuitive that you can achieve high-quality tracing results with few adjustments.

The possibilities to create vector masterpieces with raster source images in Curve are limitless. Are you ready to try new and innovative graphic design software?

Frequently asked questions