Free branding design tool
Will your logo still read clearly at the size of a favicon? What happens on a dark background, or when colour disappears? Upload a logo to compare five realistic placements. Your image stays on your device and is not uploaded to the website.
Test your logo in context
Choose a logo to begin.
Favicon
16 × 16 px · browser tab
Small app icon
32 × 32 px · small UI
Social profile
64 × 64 px · compact avatar
Website header
180 × 48 px · horizontal header
Business card
270 × 92 px · print-inspired width
These are useful stress-test sizes, not official dimensions for every service. Square icons and wide wordmarks have different needs. If a full logo disappears at 16 pixels, consider a simpler brand mark specifically for small placements.
Try a light background, dark background and greyscale view. Ask: can someone recognise the shape, read the smallest lettering, and identify the brand without relying solely on colour? If not, a simplified small-size variant may work better than shrinking your entire wordmark.
Next, explore what makes a good small-business logo, accessible brand colour palettes, and building a practical brand style guide.
How to use the logo legibility test
For the most reliable comparison, upload the actual logo file rather than a screenshot. PNG or WebP with transparency is ideal for testing a mark across contrasting backgrounds. JPEG files normally have a solid background, which will remain visible over the darker test surface.
A full wordmark may be perfectly appropriate for a website header while being unreadable as a favicon. It is common and sensible to maintain a compact symbol for tiny spaces. The goal is consistency of recognition, not forcing one file into every context.
The preview scales the image to fit each placement and displays approximate CSS pixel sizes. Printed output depends on the printer, paper and physical dimensions. Check a real proof before ordering print materials.