Logo Before and After: How to Evaluate a Redesign

Before you start

A before and after logo comparison works best when both versions are available in the same view. Use two files with the same background treatment: transparent PNG, white background, or another consistent surface. The process is local and visual. You do not need an online comparison service for a basic check.

If the old logo exists only as a photo of a sign, accept that the comparison has limits. A blurred or angled photo cannot reliably show fine spacing, exact color, or small-size performance. Still make the comparison, but note which details are only visible guesswork.

Step-by-step instructions

Place both versions side by side

Put the old logo and the new logo next to each other at roughly equal visual height. Do not let color preference lead the first pass. Start by checking shape, spacing, and whether the mark remains recognizable without the name next to it.

Compare at large size

Look at both versions at a comfortable large size. Check letter spacing, stroke weight, alignment, and awkward gaps. A redesign may simplify details that were only visible when the old logo was printed large.

Compare at small size

Shrink both versions together or zoom out several times. Look for the same tests used on icons and favicons: does the central shape stay clear, do thin lines disappear, and does the wordmark become unreadable? A strong redesign usually improves this stage.

Switch the background

If both versions are transparent or have editable files, try them on light and dark surfaces. Check whether a color that worked on white disappears on black, or whether a single-color version is needed. This is especially useful when comparing old logo vs new logo for a site header or app icon.

Use a slider for closer inspection

If you have the images loaded into a before/after slider tool, drag the divider slowly. This makes small shifts in proportion and spacing easier to notice than switching between tabs. Keep the images aligned; otherwise the slider exaggerates differences caused by different cropping.

Check the output

After the visual review, ask whether the change solves a concrete problem. Good reasons include better legibility at small sizes, fewer colors for production, removal of dated effects, or a clearer mark on packaging and profile icons. If the new version is different but not more usable, the redesign may need another pass.

• Recognizability without color
• Clarity at small size
• Contrast on light and dark backgrounds
• Fewer fragile details
• File format flexibility

Common problems and next steps

A frequent issue with 2000s logos vs now is an old mark built from glossy gradients, bevels, and thin outlines. When reduced, those effects turn into gray noise. The current version may look flatter because flat shapes survive scaling better. Judge that as a functional improvement, not as a loss of visual richness.

For 90s logos vs now, the common problem is overextended lettering, illustrative detail, and colors tied to print reproduction. The newer logo may remove detail that no longer reproduces well. Keep the old version archived rather than deleting it; some applications may still need it during a transition.

If the new version fails at small size while the old version did not, the next step is usually type and stroke adjustment rather than starting over. Test a single-color draft, increase spacing at small sizes, or simplify the most detailed area. One revision can often recover legibility without losing the new direction.

When the comparison shows no clear benefit, do not rely on a wide-screen slider alone. Export both versions to the sizes where the logo must actually work, then compare crops in those contexts. The final judgment belongs to practical use, not to how the two files look at a fixed presentation size.