How to fix a pixelated logo. Pixelated or low-res logo — the pixels you need were never saved.

Why a logo goes pixelated

A pixelated logo is not damaged. It is a small file asked to be big. Every raster image, whether JPG, PNG, GIF or a screenshot, is a fixed number of colored squares, and printing or displaying it larger only makes each square bigger.

Most logos people have on hand were saved for a screen: a website header a few hundred pixels wide, a social avatar, an email signature. On that screen they look fine, because the screen shows them at roughly the size they were made for. The trouble starts when the same file is sent to a printer, a sign shop or a shirt decorator, who needs it many times larger.

Compression makes it worse. A JPG that has been emailed, posted and saved again has lost a little edge detail every time, so the blocks and the gray halo around letters are already baked in before anyone enlarges it.

How far a low-res logo will stretch

You can work this out before you send anything. Printing that people look at up close, such as business cards, shirts, labels and brochures, wants about 300 pixels per inch at the final size. Divide the logo's width in pixels by 300 and you have its honest print width in inches.

Large signs and banners viewed from across a street can get away with less per inch, which is why a sign shop may accept a file a print shop rejects. A vehicle wrap, a storefront or a trade-show backdrop still needs far more pixels than a screen logo has, which is the whole story behind a logo that looks blurry on a wrap. A vector has no row in this table: it prints at the same quality at one inch or forty feet.

First, look for the original file

Every logo was designed somewhere, and the designer's file was almost always vector. Before you fix the copy, spend ten minutes looking for the master. Ask the designer or agency who made it. Ask the last printer, sign shop or embroiderer who produced it; shops keep customer art. Search old email for attachments ending in .ai, .eps, .pdf or .svg. Check any brand guidelines PDF, which often has the logo inside as real vector art. The full search, including how to tell a real vector from a renamed image, is in how to find a vector version of a logo.

Fixes that don't work

• Changing the DPI number. Setting 72 to 300 without resampling only changes the print-size label. The pixel count, and the detail, stay the same.
• Resizing up in an image editor. Resampling invents in-between pixels by averaging their neighbors. The logo gets larger and blurrier, not sharper.
• Saving as PNG, PDF or SVG. A new extension wraps the same pixels. An SVG or PDF made this way is still a raster image inside a vector container.
• Sharpening filters. They raise contrast along edges, which makes the stair steps and compression halos more visible, not smoother.
• Screenshotting it larger. A screenshot of an enlarged logo captures the enlarged blur at a new, equally fixed resolution.

Three fixes that do work, and where each one stops

1. An AI upscaler, for screens

Upscalers trained on images guess at the missing detail instead of averaging it, and on a simple logo the guess can look convincing on a website, a slide or a social post. Check the output at 100% before you use it. Text is where upscalers fail first: letters warp, thin strokes wobble and small type turns into shapes that resemble letters. The result is still a raster with a new ceiling, so it softens again at sign or garment size, and no cutter, laser or digitizer can use it.

2. Auto-trace, for a large, clean file

If the logo is reasonably large and the edges are still crisp, Illustrator's Image Trace or Inkscape's Trace Bitmap can turn it into paths. On a truly pixelated logo, a tracer follows the stair steps it is given, so you get wobbly curves, hundreds of extra anchor points and letters that melt together. That is fixable on a simple mark and rarely worth it on a detailed one; the trade-off is laid out in pixel vs vector.

3. A vector redraw, for everything that prints or cuts

A designer uses the low-res logo as a reference and rebuilds it as new shapes: circles drawn as circles, straight edges as straight lines, each color as one clean fill, and type set in the real font or redrawn letter by letter. The pixel blur is never traced, because nothing is traced. The result is a vector master you can print on a business card or a building, cut in vinyl, engrave, or send to an embroidery digitizer.

The screen at the top of this page is that process: a pixelated source on the left, the Pen Tool rebuilding the same mark as clean paths on the right. Nothing was sharpened. The letterforms were drawn again from what the pixels still show.

Which fix for which job

Garment printing is where low-res logos cause the most surprises, because a file that looked fine at left-chest size fails at full back. The printer-specific checks are on the DTF and DTG page.

How to check that the fix is real

• Outline view. In Illustrator (View > Outline) or Inkscape (View > Display Mode > Outline), a real vector shows clean path outlines. A placed image shows an empty box.
• Zoom to 1,600%. Vector edges stay sharp at any zoom. If you can still see squares, it is a raster.
• Select a shape. Each color area should select as its own path with a handful of anchor points, not one image block.
• Look at the type. Letters should be outlined shapes or a live font you own, not blobs that only resemble letters.

If the file passes, you have a master that will not go pixelated again. Keep it somewhere you will find it, and send printers the vector rather than a PNG exported from it. If it doesn't, or there was never an original to find, you can send the low-res logo and get it back as hand-drawn vector in AI, EPS, SVG and PDF.

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