How to vectorize a logo from a photo. Logo from a photo — the camera recorded more than the logo.

What a photo of a logo adds that isn't the logo

A design file contains the logo. A photo contains the logo as it looked to one camera, from one spot, in one light, on one surface. Most of what makes a photo hard to vectorize has nothing to do with resolution.

• Perspective. Unless the camera was exactly square to the surface, the logo is keystoned: the near side is bigger than the far side, circles turn into ovals and parallel lines lean toward each other. A sign shot from the sidewalk below it is the classic case.
• Lens curve. Phone cameras, the ultra-wide lens most of all, bow straight lines near the edges of the frame. A long wordmark across a truck box can come back with a slight smile or frown.
• Glare and reflections. Gloss paint, vinyl, laminate, glass and foil reflect the sky or the flash, and a hot spot wipes out whatever is under it.
• Shadows. Channel letters, a raised sign or an embroidered patch cast shadows that a tracer reads as part of the shape.
• Fabric. Folds, stretch and knit texture bend a shirt logo out of shape, and puff print, embroidery or rubber ink add bevels and highlights that the flat artwork never had.
• Print dots. A business card, flyer or catalog page under a phone camera shows the halftone dots that built its colors, and a tracer will turn each dot into a shape.
• Color cast. Indoor light turns white yellow, shade turns it blue, and the phone's own processing shifts it again. The color in a photo is the color of the light as much as the ink.
• Compression. The phone saves a JPG, then a messaging app compresses it again. Fine lines and small type are the first things lost.

None of that is the logo. Working from a photo means separating the two: deciding which edges belong to the artwork and which belong to the surface, the camera or the light, and drawing only the first.

How to take a reference photo a designer can use

If you can still get to the sign, truck, shirt or card, a few minutes with a phone does more for the result than anything done to the file afterward.

• Stand straight on. Center yourself on the logo and hold the phone parallel to the surface. For a high sign, step back and shoot from as far away as you can rather than from directly underneath.
• Use even light. Overcast daylight or open shade beats direct sun. Turn the flash off for anything glossy, and move a step sideways if a reflection lands on the logo.
• Fill the frame, don't zoom. Walk closer instead of pinching in, because digital zoom only crops and enlarges. Use the main camera rather than the ultra-wide, and leave a margin so the logo is not on the bowed edge of the lens.
• Take several shots. One of the whole logo, then close-ups of the small type, the fine details and any worn areas. Several imperfect photos together often show what no single one does.
• Include a known dimension. Lay a ruler or tape measure along the logo, or note one real measurement such as the sign width or a letter height. It pins down the proportions and tells the designer what size the vector should be.
• Photograph the original, not a screen. A photo of a monitor or a phone adds a moiré pattern and the screen's own pixels. If the logo exists as a file somewhere, send the file instead.
• Flatten what you can. Lay a shirt flat and smooth it out, set a card on a table, and turn a mug so the logo faces you, with extra shots around the curve.

What can and can't be recovered from a photo

A photo is evidence, not a blueprint. Some things come back exactly, some take judgment, and some are simply not in the picture.

Fonts are often the easy part. Many logos use a commercial typeface, and a clear, square-on view of a few letters is often enough to identify it. Custom lettering, a modified font or a script has to be drawn, and the photo with the clearest view of the letters sets the shapes.

Where a photo genuinely does not show something, such as a letter under a hot spot or a word half peeled off an old truck door, the designer asks rather than guesses. A confident wrong guess gets printed on every shirt in the order. A question costs one reply.

Color is the other limit. A photo records the light as much as the ink, so colors taken from it are a close visual match, not a measured one. If the brand has PMS or CMYK values, or a printer has a physical sample to match, say so; Pantone color matching covers how those values are set in the file.

Doing it yourself: straighten the photo, then trace

With a simple logo and a decent photo, you can get somewhere on your own. The order matters: fix the geometry first, then make the paths.

1. Straighten the photo

Photoshop's Perspective Crop tool, GIMP's Perspective tool or a phone document-scanner app can pull a keystoned shape back to square. Drag the corners to something you know is rectangular in real life: the sign panel, the card edge, the truck door. If straight lines bow, run a lens correction first. Then check the result against your known dimension, because a correction that looks right can still be stretched in one direction.

2. Trace it, or draw over it

With the straightened photo as the bottom layer, Image Trace in Illustrator or Trace Bitmap in Inkscape will produce paths, and on a bold, flat, high-contrast logo that can be close enough for a quick vinyl cut. On a photo it also traces the glare, the shadows, the fabric texture and the print dots, so expect to delete and redraw a lot. Drawing over the photo with the pen tool gives cleaner shapes than cleaning up a trace; the trade-off between the two is laid out in how to convert a JPG to vector.

3. Know when it's enough

A straightened trace is fine for a one-off decal, a mockup or a reference print. It is not enough for a sign, a fleet, embroidery or anything where crooked letters and lumpy curves will be seen up close, or for a file that will be reused for years. If you find yourself redrawing most of the trace anyway, that is the point to hand it over.

What to send, and what you get back

Before treating a photo as the only source, make sure a real file doesn't exist; the sign shop, printer or embroiderer who made the item may still have the art, and how to find a vector version of a logo covers where to look. And if what you have is a small, blurry file rather than a photo, that is a different problem with different fixes, covered in how to fix a pixelated logo.

• Every photo you took, at full size. Upload or email the originals rather than screenshots or messaging-app copies, which have been compressed again.
• One real measurement, or the size the logo needs to be.
• The font name, if anyone knows it, and any text that must read exactly, such as a phone number or a web address.
• Colors: PMS or CMYK values if the brand has them, or a note on which photo shows the color best.
• Anything in the photo that is not part of the logo and could be mistaken for it, such as a sticker, a bolt, a seam or a crease.

What comes back is the logo itself, flat and square, without the surface it was photographed on: clean closed paths, solid fills in real colors, and type set or redrawn, at the proportions your measurement gives. Files are AI, EPS, SVG and PDF, ready for print, signs, garments, vinyl, engraving or an embroidery digitizer. The photo is used only as a reference. VectorWiz doesn't edit, retouch or color-correct the photo itself; the logo is drawn again.

The image at the top of this page is a real job. The customer's source showed the design on the back of a shirt on a mannequin, with creases, a torn shoulder and the raised texture of the print. On the right is the vector drawn from it: the same letters and drips as flat shapes, without the fabric. If your only copy of a logo is a photo, you can send the photos and get it back the same way.

Naimur Rahman

Creative Head

Leads design direction and quality at VectorWiz. Reviews and redraws production artwork by hand across sign, wrap, screen-print, and CNC work.

Related articles