Journal · Brand

Your logo has never been tested in a circle

Every profile picture on Instagram, Google, and Facebook crops your logo into a circle. Most small business logos were built for a rectangle, and the shape change is exactly where they fall apart.

Your logo has never been tested in a

A butcher shop in Speedway posted a new case display last month. Fresh cut, good lighting, the kind of photo that gets saved and sent to a group chat. Right under it sat the shop's Instagram avatar: the full logo, a wordmark with a small cleaver tucked into the ampersand, squeezed into a circle about the size of a dime. The cleaver was gone. Half the second word was gone with it. What was left read like a ransom note.

Nobody broke that logo. A designer built it three years ago and it looks sharp on the sign out front. It was never wrong. It just never got tested in the one place most customers actually see it now: a circle, an inch wide, next to a thumb.

A butcher shop counter lit by pink and red neon signage

Why every platform crops your logo into a circle

This shows up almost everywhere your business appears online. Instagram drops your profile photo into a circle. So does Facebook. So does LinkedIn. Open your Google Business Profile on a phone and the logo next to your name in Maps or Search sits in a small circular chip, not the square you uploaded. Even the icon a customer taps to reopen your site from their home screen gets clipped, by Apple into a rounded square and by Android into whatever shape that particular phone's launcher prefers, sometimes a circle, sometimes a squircle, sometimes a teardrop.

Android's own guidelines are explicit about how much gets cut. Google's developer documentation defines a safe zone of just 66 dp inside a 108 dp icon layer, meaning roughly a third of the outer edge can vanish depending on the mask a phone applies. Apple tells app designers to leave "breathing room" around the edges of a home screen icon for the same reason: the system will crop it, and text or logo detail sitting near the corner is the first thing to go.

A designer who builds app icons for a living already knows all of this. It's invisible to a shop owner who hired someone to design a logo for a sign, a menu, and a website header, and never once discussed what happens when that same file gets dropped into a circle a fraction of an inch wide.

The three-second test

You do not need software for this. Pull up your logo on a screen. Find a coin, a bottle cap, a roll of tape, anything round, and hold it over the logo so it covers the same rough proportion a profile picture crops to: a circle inscribed inside the square. Whatever sits outside that circle is what a customer loses first.

Run that test and you'll usually find the same handful of failures:

  • A wordmark that needs its full width to read clearly, cut off mid-word.
  • Thin serif or script lettering that was legible on a sixteen-foot sign but turns to a gray smear at 110 pixels.
  • A tagline or descriptor line sitting below the main name, gone entirely.
  • An icon or symbol positioned near a corner instead of the center, exactly where the crop hits hardest.

Two or more of those failures usually point to the same root cause. The logo was designed for one shape, and it's being asked to do a job it was never built for.

A close-up of a smartphone screen showing a grid of rounded app icons

What actually survives the crop

The fix is rarely a new logo. It's a second, smaller one. A compact mark, built and approved alongside your main logo, that exists specifically for circles and small squares: an initial letter, a monogram, or a simplified version of your icon with nothing near the edges.

A bookstore in Zionsville went through this last year. Their full logo is a cursive wordmark with a small open-book flourish under the last letter, and it looks lovely on their tote bags and window decal. In a circle, the flourish disappeared and the cursive lettering blurred into a smudge. Their fix took an afternoon: they pulled the capital letter that opens the shop's name, cleaned up its weight so it held up small, and started using that single letter, centered and oversized, everywhere the platform forces a circle or a tiny square. The full wordmark never changed. It just stopped being asked to do a job it can't do at ten pixels tall.

Where to use which version

Use the full wordmark Use the compact mark
Storefront sign, window decal Instagram, Facebook, LinkedIn profile photo
Website header, business cards Google Business Profile logo
Invoices, email footer Website favicon and browser tab icon
Packaging, takeout bags, menus App-style home screen icon, embroidered patches, pins

If your logo only works at full width, you don't have a logo. You have a sign that got photographed.

Building the compact version doesn't have to be expensive or slow. It's one afternoon of a designer's time if your brand files already exist, because you're not inventing anything new, just deciding what survives when the shape changes. We've built these as a quick add-on to the smallest brand kit we usually recommend a new client start with, and it's one of the few brand deliverables that costs less than what most shops expect a logo to run.

Go check your own Google listing on your phone right now. Look at the small circle sitting next to your business name. For a lot of your customers, that circle is the first version of your brand they see, sometimes before the sign and the website ever come up. If Luminest built your website or brand system, we can usually turn a compact mark around in a day. If someone else did, it's still worth the coin test tonight.


Sources

| Source | What it backed up

---|---|--- 1 | Add or change your Instagram profile picture, Instagram Help Center | Confirms Instagram renders every profile photo through its standard circular crop. 2 | Manage your Business Profile photos and videos, Google Business Profile Help | Confirms Google Business Profile logos are managed as a distinct, small-format image separate from cover photos. 3 | App icons, Human Interface Guidelines, Apple Developer | Backs the point about Apple cropping and masking home screen icon corners, and the "breathing room" recommendation. 4 | Adaptive icons, Android Developers | Source for the exact 66dp safe zone inside a 108dp icon layer on Android.

Luminest builds websites for small businesses from $100/mo and custom software from $12k. Book a free 30-minute call.