Tamanhos ideais de favicon em 2026 — ICO multi-tamanho + apple-touch-icon + SVG
Tomoda HinataAutor e mantenedor da ferramentaPublicado em 26 de abr. de 20263 min de leitura
Antes bastava um favicon.ico 16×16 na raiz. O stack moderno espera ICO multi-tamanho (16/32/48), apple-touch-icon para iOS, favicon SVG vetorial e, opcional, ícones de manifest para PWA.
Ferramentas usadas neste guia
Tamanhos das abas modernas
Chrome/Edge 16/32, Firefox 16/32, Safari 16/32, barra Windows 48. ICO 16/32/48 cobre.
apple-touch-icon não é opcional
iOS usa miniatura da página se faltar; 180×180 é o alvo nativo.
Favicon SVG — vetor + modo escuro grátis
Firefox 41+/Chrome 80+/Safari 9+/Edge 80+. `prefers-color-scheme` no SVG troca com o OS.
PWA — ícones de manifest
192/512 PNG via manifest.webmanifest.
Setup mínimo moderno
head: SVG → ICO → apple-touch-icon → manifest (PWA).
Passos
Cerca de 1 minPNG 512×512 quadrado
Quadrado obrigatório.
ICO multi-tamanho
16/32/48 unidos.
apple-touch-icon
180×180 PNG, iOS arredonda.
Pôr na raiz do site
Linkar no head conforme acima.
| Asset | Tamanho | Uso |
|---|---|---|
| favicon.ico (16+32+48) | 5–8 KB | Abas/favoritos |
| favicon.svg | 1–4 KB | Vetorial + modo escuro |
| apple-touch-icon.png | 8–15 KB | iOS Home |
| icon-192.png | 10–18 KB | PWA Android |
| icon-512.png | 25–60 KB | PWA splash |
Perguntas frequentes
Ainda preciso do ICO se tenho SVG?
Sim, navegadores antigos e previews esperam.
Por que 180×180?
Alvo nativo do iPhone HiDPI.
Incluir 64?
Opcional; se IE <0.1%, pule.
Como fazer SVG modo escuro?
`<style>` com `prefers-color-scheme` e classes.
ICO com alpha?
Sim no ICO moderno.
Há upload?
Não.
Experimentar agora
Turn any image into a multi-size ICO file
ICO / Favicon MakerEste artigo inclui tradução assistida por IA. Avise se encontrar erros.