The Logo Nobody Can Read at Thumbnail Size

Where logos actually appear now

The sign, the van and the letterhead, which is what most logos were designed for.

And a browser tab at sixteen pixels. A listing at forty. A social profile in a circle. A phone icon if anybody saves your site. A search result. An email signature at a hundred pixels wide.

Most of those are far smaller than anybody was thinking about when the logo was drawn, and several of them are square when the logo is not.

What fails at small sizes

• Fine lines, which disappear entirely below a certain size.
• Text, particularly a tagline or an establishment date.
• Detailed illustration, which becomes a blur.
• Low contrast, where two similar tones merge.
• Wide horizontal layouts, which shrink to nothing in a square.
• Gradients and shadows, which muddy at small scale.

The fifth is the most common structural problem. A logo that is four times wider than it is tall, placed in a square, ends up occupying a quarter of the available height.

The simplified version

The solution is not redesigning the logo. It is having a second version for small square uses.

Usually that means the symbol without the words, or the initial letters, or a simplified form of the main shape.

Heavier weight, fewer elements, higher contrast, and drawn to fill a square rather than to sit in one.

Every large brand does this and few small businesses do, because nobody asked the designer for it and it was not in the original brief.

If you are commissioning a logo, ask for it explicitly. If you already have one, it is a small piece of work for whoever drew the original.

A worked example

A landscaping business whose logo was a detailed line drawing of a tree with the business name beneath it, in a script typeface.

On the van it looked excellent. At forty pixels the tree was a green smear and the name was unreadable.

Their listing showed it as a grey-green blob, and their browser tab showed nothing recognisable at all.

The fix was a simplified mark: the outline of the tree only, heavier, no text, drawn square.

That version went on the listing, the tab, the social profiles and the app icon. The full logo stayed everywhere it had always worked.

The cost was an hour of a designer's time. The listing became recognisable in a map result, which is where a large share of their customers first saw them.

The browser tab specifically

The smallest and the most neglected.

A site with no icon shows a generic placeholder, which looks unfinished, particularly to somebody with several tabs open.

It needs to work at sixteen pixels, which means one shape or two letters and nothing else.

Modern sites need several sizes for different devices, and most platforms generate them from one square image if you provide a good one.

It takes ten minutes and it is the sort of detail that signals whether anybody was paying attention.

The counter-case

Where the full logo is fine as it is.

A wordmark that is already simple: a name in a clear typeface, no illustration, no tagline. Those frequently shrink acceptably and only need cropping to a square.

Businesses whose customers never encounter them digitally, which is a diminishing group and not empty.

And any situation where changing the mark would confuse an established recognition, in which case the simplified version should be visibly derived from the original rather than different.

The point is never to have two brands. It is to have one brand rendered appropriately at two scales.

Testing yours

1. Shrink it to forty pixels and look at it on a phone.
2. Crop it to a square and see what survives.
3. Look at it in a browser tab.
4. Look at your own listing in a map result.
5. Convert it to plain black and check it still reads.
6. Ask somebody what it is at that size.

The fifth is a useful test because a logo that only works in colour will fail on any surface that renders it in one tone, including some listings and most printed forms.

The social profile shape

A specific constraint that catches out otherwise sensible logos.

Most profile images are displayed in a circle, which crops the corners of whatever square you upload.

A logo drawn to fill a square loses its corners. A logo with text across the full width loses the first and last letters.

Which means the square version needs to work inside a circle as well, with the important part central and some margin around it.

Checking is straightforward: put the image on a phone, upload it as a profile picture, and look at the result before deciding it works.

Doing that once, across the two or three platforms you actually use, prevents a logo that is subtly wrong on every profile you own.

The file formats to have

Worth collecting once so nobody has to ask again.

A vector file, which scales to any size without loss and is what a sign maker or printer will ask for.

A high-resolution image with a transparent background for general use.

A square version at several sizes for icons and profiles.

A single-colour version in black, and one in white for dark backgrounds.

Keep all of those together somewhere findable. The alternative is what most businesses have, which is a low-resolution image pulled off an old website because nobody can find the original.

Getting the files from whoever made it

A practical obstacle that stops a lot of businesses acting on any of this.

The original vector file frequently sits with the designer who made it, sometimes a decade ago, and the business has only a low-resolution image.

Without the original, producing a clean simplified version means redrawing it, which costs more than it should.

Ask now rather than when you need it. Most designers will send the files on request, and the request gets harder as the years pass and the relationship fades.

And if you commission anything in future, ask for the source files as part of the deal and check you have received them before the project closes.

That is the same principle as owning your domain: the asset should be held by the business rather than by whoever made it.

When it is worth redrawing entirely

Rarely, and the honest signals are narrow.

If the logo is illegible at every size rather than just small ones. If it was made in a builder from clip art and cannot be supplied as a vector. If the business has genuinely changed what it does.

Not because it looks dated, which most logos do and most customers do not care about.

A functional logo with a good small version beats a fashionable one that needs replacing again in five years.

How it should appear on the site itself is covered in saying what you do in six words.

Frequently asked questions

West Coast Media Solutions Inc. provides web design, web development, hosting, digital marketing, and business consulting to organisations across Canada, drawing on more than twenty-five years in the field.