Contents
  1. The short answer
  2. Before you start
  3. Step 1: Set up the document and reference layer
  4. Step 2: Choose automatic tracing, manual redrawing or both
  5. Step 3: Trace the image with Image Trace
  6. Step 4: Clean up or redraw the paths
  7. Step 5: Rebuild the typography
  8. Step 6: Set accurate colors
  9. Step 7: Verify the result
  10. Step 8: Save and export for delivery
  11. Limits to keep in mind

The short answer

To vectorize a low-resolution logo in Illustrator, place the image in a new document, use it as a locked reference, and then either run Image Trace to produce a first draft or redraw the shapes by hand with the Pen and shape tools. Then rebuild the lettering with a matching typeface, apply correct brand colors, check the result in Outline view, and save or export it in a vector format. For small, blurry or heavily compressed images, a manual or hybrid redraw usually gives cleaner artwork than an automatic trace alone.

A raster image, such as a JPG or PNG, is a grid of colored pixels. Enlarging it makes the pixels and blur more visible. Vector artwork describes shapes as mathematical paths. A path is a line or outline defined by anchor points, and each anchor point can have direction handles that control the curve between points. Because the paths are recalculated at any size, vector logos stay sharp from a favicon to a large sign. Vectorizing means recreating the logo as paths. It is not a conversion that recovers lost detail, so the vector version can only be as accurate as your interpretation of the source.

Menu names and panel layouts below match recent Creative Cloud releases of Illustrator. No specific version was named for this guide, so confirm each command in your own installation, especially for newer features.

Before you start

  • Ask for the original artwork first. The logo owner, the original designer or a brand guidelines document may already have a vector master, which avoids redrawing altogether.
  • Confirm you have permission to recreate and use the logo. A logo is usually protected as a trademark, and having an image file does not grant reuse rights.
  • Collect the largest, least-compressed version of the image you can find. Several low-quality examples of the same logo can help you work out details that are unclear in any single copy.
  • Gather any known brand information: typeface names, official color values and examples of the logo in print or on signage.
  • Decide on the main delivery use. Print work usually calls for a CMYK document, and screen work usually calls for RGB.

Do not assume a file is already vector because of its extension. An AI, EPS, PDF or SVG file can contain an embedded raster image instead of editable paths. The checks later in this guide show how to tell the difference.

Step 1: Set up the document and reference layer

  • Create a new document with File > New and choose the color mode that matches the main use.
  • Place the logo image with File > Place. The Place dialog includes a Template option that creates a dimmed, locked layer for the image.
  • If you place the image normally, open the Layers panel, double-click the image layer and enable Template, or lock the layer and lower its opacity yourself.
  • Scale the placed image up so the logo fills a comfortable working area. This does not add detail, but it makes the shapes easier to trace by eye.
  • Create a new layer above the reference for your vector paths.
  • Turn on Smart Guides with View > Smart Guides to help with alignment while drawing.

Step 2: Choose automatic tracing, manual redrawing or both

Image Trace is Illustrator’s automatic vectorizing feature. It analyzes the pixels and generates paths, which is fast but sensitive to blur, compression artifacts and anti-aliasing (the soft, intermediate-colored pixels along edges). On a low-resolution logo, the trace often produces wobbly curves, uneven corners and too many anchor points. Manual redrawing takes longer but gives you control over symmetry, smooth curves and clean geometry.

Recommended approach: use Image Trace when the logo is simple, high-contrast and reasonably clear, then clean the result. Redraw by hand when the logo contains precise geometry, fine details or blurry edges. A hybrid approach often works well, where you trace to get rough shapes and then redraw or correct the important parts.

Step 3: Trace the image with Image Trace

  • Select the placed image. If it is on a template or locked layer, unlock it temporarily, or place a second copy for tracing.
  • Open Window > Image Trace.
  • Pick a starting preset. Black and White Logo suits one-color marks. A low color-count preset suits flat multicolor logos. The photo presets usually produce too many shapes for logo work.
  • Set Mode to Color, Grayscale or Black and White to match the logo.
  • For color logos, reduce the Colors setting to the number of flat colors the logo actually uses, so blurred edge pixels are not traced as extra colors.
  • Open the Advanced settings. Paths controls how tightly the trace follows the pixels. Corners controls how readily sharp corners are created. Noise sets the size of small pixel areas that are ignored, which helps remove specks.
  • Under Method, Abutting creates shapes that sit edge to edge, and Overlapping stacks shapes on top of each other. Choose whichever is easier to edit for your design.
  • Enable Ignore White if you do not want a white background traced as a shape. Enable Snap Curves To Lines if near-straight edges should become straight lines.
  • Turn on Preview, compare the result with the source, and adjust the settings until the main shapes read correctly.
  • Click Expand in the Control bar, or choose Object > Image Trace > Expand, to turn the trace into editable paths. Then ungroup the result.

There is no single correct combination of slider values. The right settings depend on the size, contrast and compression of your image, so treat the preview as the deciding factor.

Step 4: Clean up or redraw the paths

  • Delete stray fragments, background shapes and specks left over from the trace.
  • Use the Direct Selection tool to move individual anchor points and adjust their handles.
  • Reduce excessive anchor points with Object > Path > Simplify, or remove points manually. Fewer, well-placed points usually make smoother curves.
  • Rebuild circles, rectangles and straight bars with the Ellipse, Rectangle and Line tools instead of relying on traced approximations.
  • For curves you redraw with the Pen tool, place anchor points at the outermost points of each curve where possible, and keep handles horizontal or vertical. This is a common drafting practice that produces smoother, easier-to-edit shapes.
  • Combine or cut shapes with the Shape Builder tool or the Pathfinder panel.
  • Where the design is symmetrical, draw one half and reflect a copy with the Reflect tool, then join the halves, so both sides match exactly.

Step 5: Rebuild the typography

Tracing letters from a blurry image usually produces uneven strokes and distorted letterforms. If the logo uses an existing typeface, it is usually more accurate to set the text with that font and then adjust it.

  • Identify the typeface from brand guidelines, the designer, or a font identification tool. Recent Illustrator releases include a Retype feature that can suggest matching fonts for text in images. Check whether it is available in your version.
  • Make sure you have a license for the font that covers your intended use.
  • Set the text with the Type tool and match its size, tracking and kerning to the reference. Kerning is the spacing between specific pairs of letters, and tracking is uniform spacing across a range of text.
  • If the lettering is custom or heavily modified, redraw it as paths with the same methods used for the logo shapes.
  • Keep a copy of the live, editable text in a hidden layer or separate file.
  • For delivery, convert the text to paths with Type > Create Outlines, so the logo displays correctly on systems that do not have the font.

Step 6: Set accurate colors

Colors sampled from a low-resolution image are often unreliable because compression and screen rendering shift the values. Use the official brand values if they exist. If they do not, sample from the clearest area of the image and confirm the result with the logo owner. Save the colors as swatches, ideally global swatches, so changing a swatch updates every object that uses it. Spot colors and CMYK values for print should be confirmed with the client or printer, because they cannot be reliably inferred from a screen image.

Step 7: Verify the result

  • Switch to View > Outline (Ctrl+Y on Windows, Cmd+Y on macOS). True vector artwork appears as clean path outlines. An embedded image appears as a box with a cross, or as a rectangle without the logo shapes.
  • Open Window > Document Info and use the panel menu to check for embedded images, linked images and fonts. A delivery-ready logo should normally show no images and, if text was outlined, no fonts.
  • Check the Links panel for any remaining placed images.
  • Hide the reference layer and zoom in closely to check for bumps, gaps, overlapping fragments and uneven curves.
  • Toggle the reference back on and compare the proportions, spacing and alignment against the source.
  • View the logo at very small and very large sizes to confirm that details stay legible and curves stay smooth.
  • Select all of the artwork and check that every object is a path and uses the intended swatches.

Step 8: Save and export for delivery

  • Save an editable master as an Illustrator file with File > Save As, keeping layers, live type and swatches.
  • For print and general vector delivery, save copies as PDF or EPS through File > Save As or File > Save a Copy.
  • For web use, export SVG with File > Export > Export As, or use the Asset Export panel. Review the SVG options for styling and decimal precision, and test the file in a browser.
  • For uses that need raster files, export PNG or JPG at the pixel dimensions the destination requires.
  • Create the variations the client is likely to need, such as full color, one color and reversed, and name the files clearly.
  • Reopen each exported file and repeat the Outline view check, because a vector file extension alone does not prove the contents are paths.

Limits to keep in mind

When the source image is very small or blurry, some details cannot be read with certainty, such as exact curve shapes, line weights, spacing and colors. Any vector version is a reconstruction based on judgment. For brand-critical work, have the logo owner review and approve the redrawn artwork before it is used, and replace it with the original vector master if one later becomes available.