How to Audit a Logo Redesign: A Practical Before-and-After Evaluation

Before you start

Prepare both logo versions as clean image files. PNG works well for a quick visual check and is widely supported by image viewers, browsers, and editing tools. If the redesign includes a vector version, keep the SVG available for scaling tests, but do not rely on it alone when a pixel-based result will be used on screen. Identify your comparison context before opening a viewer: the same mark can look different on a white card, a dark sign, or a small browser tab. Logo analysis in the tools described here runs locally in the browser. It does not require a server account or a third-party service.

Step-by-step instructions

• Place the old and new logos side by side on the same neutral background. Use the same canvas size, padding, and zoom level so the comparison does not exaggerate clumsy scaling as a design failure.
• First compare shape only, not color. Squint slightly or look at the marks from a distance. Check whether the silhouette is still recognizable without fine details.
• Overlay or align the marks at the same visual height, not the same bounding-box height. Rounded letters, tails, or floating elements can make two logos appear different in size even when their outer boxes match.
• Check the busiest part of each design. A detail that is legible in a large key visual may disappear in a profile picture or app icon.
• Test both marks on light and dark backgrounds. If the new logo uses one color for all placements, confirm that it keeps enough separation in both contexts.
• Switch the comparison to a narrow form: a website header, an icon grid, or a social profile circle. Note where the new mark loses detail first.
• Compare the old and new marks at an equivalent small size. This is often more revealing than a large before-and-after slider.
• Look at the area around the wordmark or symbol. If the redesign changes padding or clear space, compare the minimum clearance rather than only the drawn element.
• Save the comparison setup rather than evaluating from memory. Keeping both versions on the same board makes later checks consistent.

Use the before/after slider when the difference is positional or proportional, such as a redrawn symbol or a tighter lockup. Avoid the slider for color-only checks, because the moving edge can make two different hues look like one mark being wiped.

When you evaluate the redesign, treat the old logo as reference material, not as the correct answer. A useful audit asks whether the new version solves the stated brief, not whether it looks most familiar.

Check the output

Confirm that the new logo is recognizable at the smallest required size. There is no universal pixel threshold: an icon that must work at sixteen pixels needs a simpler test than a wordmark shown only in a desktop header. Check the smallest size your project actually uses before accepting the result.

Check contrast between each logo color and its typical background. A visible difference in hue is not the same as sufficient contrast, so use a contrast checker for foreground and background pairs. For normal text-size details, aim for the contrast level used by your brand or accessibility requirement rather than judging by eye alone.

Export a preview in the formats you plan to deliver. Verify that a transparent PNG remains transparent, that an SVG opens with the expected shapes, and that any derived favicon or icon is legible instead of becoming a blurry dot. Do not assume that a large master file will look acceptable after conversion.

Common problems and next steps

If the new logo looks weaker only in the small test, the issue may be detail density rather than color. Ask whether thin strokes, overlapping shapes, or tight spacing can be simplified without changing the concept.

If the mark disappears on a dark background, check whether the delivered set includes a reversed version. A one-color logo may still need separate light and dark variants, even when the symbol stays the same.

If the old and new versions look equally legible but the redesign still feels wrong, widen the audit. Compare spacing, alignment, and the relationship between the symbol and wordmark. The problem may be structural rather than visual.

When one placement fails repeatedly, return to the brief instead of adding more effects. A logo intended for a small circular icon needs a different geometry from one designed mainly for a storefront sign.