Qual Deve Ser o Tamanho de um Arquivo de Favicon?
Favicons são arquivos pequenos. Um favicon.ico de múltiplos tamanhos costuma ter de 5 a 15KB, um tamanho PNG individual tem de alguns kilobytes a algumas dezenas de kilobytes, e até um ícone de PWA de 512x512 costuma ficar bem abaixo de 100KB. Se um favicon tem centenas de kilobytes, algo está errado: normalmente uma foto em resolução total salva nas dimensões de um ícone em vez de ser redimensionada corretamente.
Minúsculos por natureza
Um favicon tem pouquíssimos pixels, então comprime para quase nada. Não há motivo de performance para se preocupar com o seu tamanho: são poucos kilobytes, buscados uma vez, e armazenados em cache de forma intensa depois disso.
A única vez em que o tamanho do arquivo vale um olhar é quando ele está surpreendentemente grande, o que aponta para um erro em vez de uma escolha de design.
Tamanhos aproximados a esperar
| Arquivo | Tamanho típico |
|---|---|
| favicon.ico (múltiplos tamanhos) | 5–15KB |
| PNG 32x32 | 1–3KB |
| apple-touch-icon (180) | 5–20KB |
| PNG 512x512 | 20–90KB |
Perguntas frequentes sobre tamanho de arquivo de favicon
Qual deve ser o tamanho de um favicon?
Em kilobytes: um favicon.ico costuma ter de 5 a 15KB, PNGs pequenos alguns KB cada, e um ícone de 512px abaixo de 100KB. Em pixels, é um conjunto de tamanhos quadrados de 16 a 512.
Meu favicon está grande demais?
Se qualquer ícone individual tem centenas de kilobytes, sim: provavelmente é uma imagem em tamanho real salva nas dimensões de um ícone sem redimensionar. Reexporte no tamanho correto.
Os tamanhos dos arquivos de favicon afetam a velocidade da página?
De forma insignificante. Favicons são pequenos e armazenados em cache de forma agressiva após a primeira requisição, então não são um fator relevante no tempo de carregamento.