SiteAssets SiteAssets
§01 Logo Checker

Is your logo readable at 16 pixels?

Analyze your website logo for contrast, legibility and dark-mode compatibility — then fix what's missing.

URL → Extract → Analyze → Score → Fix
siteassets.dev Logo · Score 88
Sample logo

Detected logo

SVG · 3 colours · Good contrast

16px

16px

32px

32px

Dark

Dark

Light

Light

Contrast · Legibility · Colours ✓ Good
§02 — Analysis

What the checker inspects.

Every property that determines whether your logo works across browsers, devices and themes.

№01

Contrast analysis

Check logo contrast against light and dark backgrounds to ensure visibility everywhere.

№02

16px legibility test

Verify your logo remains recognizable at favicon size — the ultimate readability challenge.

№03

Dark mode survival

Ensure your logo works on both light and dark backgrounds without losing detail.

№04

Scored audit

Get a 0–100 score with critical issues, warnings and passed checks for your logo.

§03 — Verdict

One number. No fluff.

A single score summarises your logo quality. Drill into the issues, the warnings, and the checks that already pass.

  • Critical — logo missing or unreadable at small sizes.
  • Warnings — contrast issues or too many colours.
  • Passed — best-practice checks already met.
Logo score

88/100

Good, room to improve

Sample

0

Critical

2

Warnings

1

Notes

9

Passed

§04 — Checks What we analyze
№01

SVG logos

Vector logos with proper viewBox, currentColor and responsive sizing

№02

Raster logos

PNG/JPG logos checked for resolution, transparency and compression

№03

Favicon-size test

Logo rendered at 16×16 to verify legibility at the smallest size

§05 — FAQ

Questions, briefly answered.

Everything you need to know before you check.

01 What does a Logo Checker do?
+

It analyzes your website logo for contrast, colour count, legibility at small sizes and dark-mode compatibility. It tells you whether your logo will look good everywhere — from browser tabs to social media.

02 Why check logo at 16px?
+

16×16 pixels is the size browsers use for favicons and tab icons. If your logo isn't recognizable at that size, users can't identify your site in a crowded tab bar. The checker flags logos that lose detail when scaled down.

03 What makes a good logo for the web?
+

A web-ready logo should work at 16px, have good contrast on light and dark backgrounds, use a limited colour palette, and ideally be available as SVG for infinite scalability. The checker validates all of these.

§06 — Start

Check your logo
now.

One URL. Full audit. See if your logo works everywhere.

— free, no login required.