Icon Legibility Tester
See your app icon at every real display size, from 29 px settings rows to the 1024 px store master.
Icons are approved in design reviews at 1024 px and experienced by users at 60 px. That gap is where redesigns go wrong: gradients, fine linework, and clever details that carried the pitch deck simply cease to exist below 100 px. This tester renders your uploaded icon at every size it will actually appear — from the 29 px Settings row and 40 px Spotlight entries through 60 px search results and the 180 px home screen, all the way up to the 1024 px App Store master — in one side-by-side strip.
Everything renders locally in your browser from a single upload, so you can iterate privately on unreleased designs. The question to ask at each size is not “does it look good?” but “is it still unmistakably mine?” — recognition, not beauty, is what small sizes are for.
How to run the small-size test
- 1
Upload your 1024×1024 px icon master.
- 2
Scan the rendered strip from smallest to largest — the tool shows every real display size from 29 px to 1024 px.
- 3
At 29–40 px, check that the silhouette alone identifies the icon; detail is gone at these sizes by design.
- 4
At 60–80 px — search results and app lists, where install decisions happen — confirm the main glyph reads instantly.
- 5
If any size fails, simplify the master (thicker strokes, fewer elements, stronger contrast) and re-test until the whole strip holds up.
The sizes that matter and what breaks at each
Your icon leads several distinct lives. At 1024 px on the App Store product page it can afford texture and nuance. At 180 px on an iPhone home screen it needs a clean focal shape but tolerates some detail. At 60–80 px — App Store search results, the App Library, Settings notifications lists — it must communicate with silhouette and two or three tones, because that is all the pixel budget allows. And at 29–40 px, in Settings rows and Spotlight, only the boldest outline survives; text of any kind is fully unreadable by this point.
The commercial weight of these sizes is inverted from their pixel counts: the ~60 px search-result rendering is where users decide whether to tap your listing, making it arguably the most valuable 3,600 pixels in your entire creative set. An icon optimized for the 1024 px review meeting but mushy at 60 px is optimized for exactly the audience that doesn’t matter.
Fixing an icon that fails the small-size test
Failures cluster into four fixable patterns. Thin strokes: anything under roughly 3% of the icon’s width aliases into fog when scaled down — thicken or remove. Low tonal contrast: elements separated only by similar-luminance hues merge at small sizes — push the luminance gap (the contrast checker quantifies this). Overcrowding: multiple objects compete until none registers — cut to one focal shape. And text: words legible at 1024 px are decoration at 180 px and noise at 60 px — your name already sits beside the icon everywhere it appears, so spend those pixels on a mark instead.
The professional workflow treats small sizes as the constraint, not an afterthought: rough the design at 64 px first, where only strong ideas survive, then scale the survivor up and add refinement that the large sizes can carry. Apple’s own guidance runs the same direction — a simple mark that embraces the squircle canvas, no photos, no interface screenshots, no words. Re-test after every revision; icons interact with pixel grids in ways that resist prediction.
Frequently asked questions
What is the smallest size my app icon appears at?
On iOS, 29 pt contexts like Settings rows — 58 px at @2x, but effectively a 29 px design space. Notification and Spotlight contexts sit nearby at 20–40 pt. At these sizes only the icon’s silhouette and dominant color survive, so those must carry recognition alone.
Which icon size matters most for downloads?
The roughly 60–80 px rendering in App Store search results and top charts — the size at which users decide whether to tap your listing. Optimizing legibility there has more commercial impact than perfecting the 1024 px master that almost no one inspects.
Why does my icon look fine at 1024 px but muddy at 60 px?
Downscaling averages neighboring pixels, so thin lines, subtle gradients, and small details blend into their surroundings. The failure is in the design’s detail density, not the scaling algorithm — the fix is thicker strokes, fewer elements, and stronger tonal contrast in the master.
Should my app icon include text?
Almost never. Text is unreadable at every size below roughly 180 px, and your app name is displayed next to the icon in every store and home-screen context anyway. The pixels spent on a word are pixels taken from the mark that could make you recognizable.
Is the preview accurate to how iOS actually renders icons?
The tester uses high-quality browser downscaling, which closely matches what you will see on device; it renders each real display size from your uploaded master, including the corner-masked shape. Final device rendering can differ subtly per GPU and display, so treat a marginal pass at the smallest sizes as a prompt to simplify further.
Nail the icon, then win the rest of the listing
Appalize’s Screenshot Studio handles everything around your icon — store-sized screenshot templates, device frames, caption localization, and direct upload to App Store Connect.
Related free tools
App Icon Contrast Checker
Analyze your icon’s contrast and visual complexity to make sure it stands out in the store.
App Icon Resizer
Upload one 1024×1024 icon and download every required iOS and Android size instantly.
App Icon Size Reference
Every iOS and Android icon dimension in one table — store, launcher, and adaptive specs.
Icon Color Palette Extractor
Pull the exact dominant colors out of any app icon for brand-consistent store assets.