Audit your logo like a brand system.
Drop your logo and get a deterministic audit across structure, legibility, colour and adaptability — contrast ratios, colour counts, 16px legibility, dark-mode survival, every number shown.
Runs in your browser — the file never leaves your device
Drop your logo here
or click to browse — PNG, JPG, WebP, GIF or AVIF, up to 10 MB
Checking an SVG icon instead? Use the SVG Icon Analyzer
Why use our Logo Checker?
Multi-size Preview
See your logo at 128px, 64px, 32px and 16px to ensure it remains recognizable at every scale.
Color Analysis
Extract your logo color palette, check contrast ratios and identify the dominant colors used.
Dark Mode Check
Verify your logo looks great on white, black and brand-colored backgrounds for any theme.
Privacy First
Everything runs locally in your browser. Your logo file never leaves your device.
Instant Results
Get a comprehensive audit with scores, recommendations and visual previews in seconds.
Free & Unlimited
Check as many logos as you need without limits. Perfect for designers and brand teams.
How to check your logo
Upload Your Logo
Drag and drop your logo file or click to browse. Supports PNG, JPG, WebP, GIF and AVIF up to 10 MB.
Review the Audit
Get a detailed report with scores for legibility, color analysis, contrast ratios and dark mode compatibility.
Fix & Optimize
Follow actionable recommendations to improve your logo for all platforms and use cases.
What a logo audit actually measures
Six deterministic checks, each with a published threshold. Nothing is a matter of taste — if a metric fails, something will break in production.
| Check | Threshold | What breaks when it fails |
|---|---|---|
| Contrast on light | ≥ 3:1 vs #FFFFFF | The mark dissolves into white paper, headers and print |
| Contrast on dark | ≥ 3:1 vs #000000 | Invisible in dark UI, video overlays and app icons |
| Colour count | ≤ 3 dominant | Becomes mud at small sizes; costly on single-colour print |
| 16 px legibility | Recognisable at 16 × 16 | Favicon reads as a grey smudge in the browser tab |
| Transparency | Alpha channel present | A white box appears on coloured or photographic backgrounds |
| Aspect ratio | 1:1 square crop possible | Cannot be used for app icons, avatars or social profiles |
3:1 is the WCAG threshold for graphical objects and large text. Body copy needs 4.5:1, but a logo is a graphic, not text — 3:1 is the correct bar, and it is the one this audit applies.
Four logo problems that ship most often
Hairlines that vanish at 16 px
A 1 px stroke in a 512 px master becomes a 0.03 px stroke in a favicon — below one physical pixel, so the browser renders it as faint grey or drops it. Minimum stroke weight at 16 px is roughly 1 px, which means the master needs a stroke of about 32 px at 512 px, or a separate simplified favicon variant.
A mark that only works on white
Dark navy on white is 15:1 and passes every check. The same file on a dark header is 1.2:1 and effectively disappears. Any logo used in a themed UI needs a reversed or single-colour variant, not a CSS filter hack that introduces muddy edges.
Gradients and soft shadows
Both depend on resolution to read. Downscaled, a five-stop gradient collapses into one flat tone and the shadow turns into a grey halo. Single-colour or two-tone marks survive every size; gradient logos need a dedicated flat variant for icons.
Baked-in background
A JPEG or flattened PNG with a white background cannot be placed on a coloured surface without a visible box. Export with alpha from the start — retro-fitting transparency onto an anti-aliased edge produces fringing.
Fixing a logo, in priority order
1. Contrast first. It is the only failure that makes the logo unusable rather than merely imperfect. Darken the mark or lighten the background until both the light and dark variants clear 3:1.
2. Then simplify for 16 px. Remove interior detail, thicken strokes, and drop the tagline entirely below 64 px. Most legible favicons are a single glyph from the wordmark, not the whole lockup.
3. Then reduce colour. Three dominant colours is a ceiling, not a target. A one-colour mark is more flexible and cheaper to reproduce everywhere.
4. Then export the set. SVG master, a 512 px PNG with alpha, a dedicated 16 px simplified variant, and a reversed monochrome version. Those four assets cover essentially every surface.
Re-upload the revised file above after each change — the audit is deterministic, so the score moves immediately and you can see which threshold flipped.
Frequently Asked Questions
What does a logo checker analyze?
A logo checker analyzes your logo across multiple dimensions: structure, legibility at small sizes, color contrast ratios, color count, and adaptability to dark mode. It provides a comprehensive score and actionable recommendations.
Why is logo legibility at small sizes important?
Your logo needs to be recognizable at favicon size (16x16px), mobile app icons, and social media avatars. Our checker tests legibility at 128px, 64px, 32px and 16px to ensure your brand remains identifiable.
What is dark-mode survival for logos?
Dark-mode survival checks whether your logo remains visible and professional-looking on dark backgrounds. Many logos designed for white backgrounds become invisible or clash with dark themes.
Is my logo file uploaded to your servers?
No. The logo checker runs entirely in your browser using client-side JavaScript. Your logo file never leaves your device, ensuring complete privacy and security.