Les mides de favicon que els navegadors i dispositius realment volen

Un favicon abans significava una sola imatge petita de 16×16. Ara una pestanya del navegador, la drecera de pantalla d'inici d'un mòbil, una barra de marcadors, i una icona tàctil d'Apple cadascuna espera la seva pròpia mida, i proporcionar-ne només una deixa alguns d'aquests contextos o bé borrosos o mostrant una icona genèrica de reserva en lloc de la teva.

Per què una mida no és suficient

Una icona de 16×16 ampliada per omplir una ranura d'icona de pantalla d'inici de 180×180 es veu exactament igual de pixelada que qualsevol imatge petita estirada a una mida gran — no hi ha manera d'afegir detall que no fos a la font. Cada context on apareix un favicon té la seva pròpia resolució esperada, i la pràctica moderna és proporcionar un conjunt de mides en lloc de confiar que un navegador ampliï malament un únic fitxer petit.

Les mides que val la pena cobrir

• 16×16 i 32×32 — les mides clàssiques de favicon, utilitzades en pestanyes del navegador i llistes de marcadors a la majoria de navegadors d'escriptori.
• 180×180 — la mida que espera Apple per a la icona de pantalla d'inici quan s'afegeix una pàgina a la pantalla d'inici d'un iPhone o iPad.
• 192×192 i 512×512 — utilitzades per Android i pels manifests d'aplicacions web per a icones de pantalla d'inici i pantalles de càrrega en aplicacions web instal·lables.

Mantenir el disseny llegible a 16px

Generador de favicon pren una imatge font i produeix tot el conjunt de mides estàndard a la vegada, completament al teu navegador — però cap generador pot arreglar un disseny que ja d'entrada no funciona a mides petites. El detall fi, les línies primes i el text petit desapareixen completament a 16×16; una forma o lletra simple i gruixuda que continua sent reconeixible en reduir-se és el que realment es llegeix amb claredat en una pestanya del navegador, sense importar quantes mides se'n generin.