Why Logos Fail at Small Sizes (and How to Test Yours)

Logos are designed on a large screen, presented large in a deck, approved large — and then spend their working life at 32 pixels in a browser tab, 16 pixels in a search result, and a centimetre wide on the back of a receipt.

Almost every logo that "stopped working" was never tested at the size it actually lives at.

What breaks first

Fine lines. A hairline stroke that looks elegant at 800px disappears entirely at 32px, or turns into a grey smudge. Anything under roughly 1/50th of the mark's width is at risk.

Tight counters. The enclosed spaces in letters like a, e and g fill in and become solid blocks, so the word stops being readable and becomes a texture.

Close-set elements. Two shapes with a small gap between them merge into one shape. This is what turns a well-drawn symbol into an unidentifiable blob.

Gradients and shadows. Subtle tonal shifts flatten to a single muddy colour, and drop shadows become a dark fringe.

Taglines inside the lockup. Small text under a mark is illegible at almost every real-world size. It needs to be separable.

Three tests, five minutes

1. The favicon test

Export at 32×32 pixels and look at it at actual size. Then 16×16. If it is not identifiable, you need a simplified icon variant — not a shrunken version of the full mark.

2. The squint test

Step back from the screen until the mark is blurred, or blur it in any image editor. What remains is what people actually perceive at a glance. If nothing distinctive survives, the mark is relying on detail that no one ever sees.

3. The fax test

Convert to pure black and white — no greys, no colour. This is close to what happens with vinyl cutting, embroidery, engraving, foil stamping and single-colour printing. Anything relying on tonal difference disappears here, and you will encounter at least one of those processes.

The fix is usually a family, not a redesign

The answer is rarely to simplify the main mark until it works everywhere — that tends to strip out the character. It is to design deliberate variants:

• The full lockup for large, generous placements.
• A compact version with the tagline removed and spacing tightened.
• An icon — simplified, square, built specifically for small square spaces.
• A one-colour version where every tonal distinction has been redrawn as a shape.

This is standard in a proper handover, and its absence is one of the clearest markers of budget work. Which sizes are used where, and the minimum size for each, is exactly the kind of rule that lives in brand guidelines.