Favicon de netlify.com
- 17aprovados
- 8avisos
- 2ausentes
- 6opcionais
O favicon principal de netlify.com é icon.svg, um arquivo SVG de 1,3 KB. Encontramos 6 arquivos de ícone, 37,3 KB no total. O Google Search pode usar apple-touch-icon.png, um arquivo PNG de 180×180 (1,4 KB). O site tem nota 78 de 100: 17 aprovados, 8 avisos, 2 ausentes. Faltando: name, Ícone maskable no manifest.
Como fica
Renderizado a partir dos arquivos encontrados.
O SVG troca de cores nos temas escuros.
Não há ícone maskable, então o Android reduz o ícone comum e o coloca sobre um círculo branco.
Todos os arquivos de favicon de netlify.com
6 encontrados| Arquivo | Encontrado por | Formato | Tamanho | Peso |
|---|---|---|---|---|
| favicon.ico | caminho padrão | ICO | 16, 32, 48 px | 14,7 KB |
| favicon.ico | rel="icon" | ICO | 16, 32, 48 px | 14,7 KB |
| icon.svg | rel="icon" | SVG | vetorial | 1,3 KB |
| apple-touch-icon.png | rel="apple-touch-icon" | PNG | 180×180 | 1,4 KB |
| icon-192.png | manifest | PNG | 192×192 | 1,4 KB |
| icon-512.png | manifest | PNG | 512×512 | 3,7 KB |
Favicon clássico
1 aprovado · 1 avisofavicon.ico
AvisoGET /favicon.ico · não declarado no HTML (encontrado na raiz)
- Formato
- ICO (real)
- Contém
- 16 · 32 · 48
- Tamanho do arquivo
- 14,7 KB
- HTTP
- 301 → 200
- Content-Type
- image/vnd.microsoft.icon
- Cache
- 4 horas
A URL do ícone redireciona, e alguns crawlers e leitores de RSS não seguem redirecionamentos de ícones. Sirva o arquivo na URL final.
ICO 32×32
Aprovado<link rel="icon" href="/favicon/favicon.ico" sizes="32x32">
- Declarado
- 32×32
- Real
- 16 · 32 · 48
- Formato
- ICO
- Tamanho do arquivo
- 14,7 KB
- HTTP
- 200
- Content-Type
- image/vnd.microsoft.icon
Ícone SVG
1 aprovadoFavicon SVG
Aprovado<link rel="icon" href="/favicon/icon.svg" type="image/svg+xml">
- viewBox quadrado
- sim
- Modo escuro
- sim
- Scripts
- nenhum
- Tamanho do arquivo
- 1,3 KB
- HTTP
- 200
- Content-Type
- image/svg+xml
Apple
1 aprovado · 1 opcionalApple touch icon
Aprovado<link rel="apple-touch-icon" href="/favicon/apple-touch-icon.png">
- Declarado
- sem sizes
- Real
- 180×180
- Recomendado
- 180×180
- Fundo
- opaco
- Tamanho do arquivo
- 1,4 KB
- HTTP
- 200
Safari pinned tab (mask-icon)
Opcional<link rel="mask-icon" href="…" color="…"> – não encontrado
Legado. O Safari 12+ usa o favicon comum, então isso não é mais necessário.
Arquivo web app manifest
1 avisosite.webmanifest
Aviso<link rel="manifest" href="/site.webmanifest" crossorigin="use-credentials">
- HTTP
- 200
- Content-Type
- application/octet-stream
- JSON
- válido
- Tamanho do arquivo
- 180 B
- Mesma origem
- sim
- Cache
- 0 s
Sirva o manifest como application/manifest+json.
Campos do manifest
2 aprovados · 4 avisos · 2 ausentes · 2 opcionais- nameExibido abaixo do ícone quando o site é instalado.não definido
- short_nameUsado na tela inicial quando name é longo demais.não definido
- start_urlA página que abre quando o app instalado inicia.não definido
- displayO padrão é "browser", que não é instalável.não definido
- theme_colorDefine a cor da barra de título do app instalado.não definido
- background_colorO fundo da tela de abertura.não definido
- icons · 192×192PNG · 1,4 KB · 200
- icons · 512×512PNG · 3,7 KB · 200
- icons · purpose: maskableSem ele, o Android reduz seu ícone e o coloca sobre um círculo branco.não encontrado
- idnão definido
Pesquisa do Google
6 aprovados- Formato de arquivo compatívelPNG · apple-touch-icon.png
- Quadrado, de pelo menos 8×8 px180×180
- Maior que 48×48 px180 px
- Declarado na página inicialsim
- Não bloqueado pelo robots.txtpermitido
- URL estávelsem redirecionamentos
Meta e legado
1 aprovado · 3 opcionais- theme-color#ffffff
- theme-color para o modo escuromedia="(prefers-color-scheme: dark)"não definido
- msapplication-TileColorBlocos do Windows, legado.não definido
- browserconfig.xmlBlocos do Windows, legado.não encontrado
Entrega e desempenho
5 aprovados · 2 avisos- HTTPS em todos os ícones6 de 6
- Sem conteúdo misto0 link http://
- Sem links quebrados0 erro
- Cabeçalhos de cacheÍcones raramente mudam; mantenha-os em cache por pelo menos um dia.0 de 6 · ≥ 1 dia
- Peso total dos ícones37,3 KB
- Redirecionamentos/favicon.ico → /favicon/favicon.ico1
- Tags duplicadasnenhum
Tags de ícone encontradas no <head>
<link rel="icon" href="/favicon/favicon.ico" sizes="32x32"> <link rel="icon" href="/favicon/icon.svg" type="image/svg+xml"> <link rel="apple-touch-icon" href="/favicon/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest" crossorigin="use-credentials"> <meta name="theme-color" content="#ffffff">
Perguntas sobre o favicon de netlify.com
Onde fica o favicon de netlify.com?
O principal está em https://www.netlify.com/favicon/icon.svg. O caminho padrão, https://www.netlify.com/favicon.ico, também retorna um ícone.
Qual é o tamanho do favicon de netlify.com?
icon.svg é um arquivo vetorial, então escala para qualquer tamanho. O maior ícone raster do site é icon-512.png, com 512×512 px.
O Google Search consegue exibir o favicon de netlify.com?
O site cumpre as regras do Google: apple-touch-icon.png é um arquivo PNG de 180×180 (1,4 KB) e o robots.txt permite o acesso. Ainda assim, quem decide o que exibir é o Google.
netlify.com tem um Apple touch icon e um ícone maskable?
O Apple touch icon tem 180×180. O manifest não tem ícone maskable, então o Android reduz o ícone comum e o coloca sobre um círculo branco.