Favicon de github.com
- 23aprovados
- 5avisos
- 1ausentes
- 4opcionais
O favicon principal de github.com é favicon.svg, um arquivo SVG de 959 B. Encontramos 15 arquivos de ícone, 115,2 KB no total. O Google Search pode usar favicon.png, um arquivo PNG de 32×32 (958 B). O site tem nota 88 de 100: 23 aprovados, 5 avisos, 1 ausente. Faltando: Ícone maskable no manifest.
Como fica
Renderizado a partir dos arquivos encontrados.
Confira se o ícone continua visível em uma aba escura.
O iOS amplia 120 → 180 px, então o ícone fica borrado em telas Retina.
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 github.com
15 encontrados| Arquivo | Encontrado por | Formato | Tamanho | Peso |
|---|---|---|---|---|
| favicon.ico | caminho padrão | ICO | 16, 32 px | 6,4 KB |
| pinned-octocat-093da3e6fa40.svg | rel="mask-icon" | SVG | vetorial | 1009 B |
| favicon.png | rel="icon" | PNG | 32×32 | 958 B |
| favicon.svg | rel="icon" | SVG | vetorial | 959 B |
| apple-touch-icon.png | caminho padrão | PNG | 120×120 | 10,7 KB |
| app-icon-192-bcc967ab9829.png | manifest | PNG | 192×192 | 2,9 KB |
| app-icon-512-7f9c4ff2e960.png | manifest | PNG | 512×512 | 9,6 KB |
| apple-touch-icon-114x114-09ce42d3ca4b.png | manifest | PNG | 114×114 | 9,8 KB |
| apple-touch-icon-120x120-92bd46d04241.png | manifest | PNG | 120×120 | 10,7 KB |
| apple-touch-icon-144x144-b882e354c005.png | manifest | PNG | 144×144 | 14,1 KB |
| apple-touch-icon-152x152-5f777cdc30ae.png | manifest | PNG | 152×152 | 16,3 KB |
| apple-touch-icon-180x180-a80b8e11abe2.png | manifest | PNG | 180×180 | 20,6 KB |
| apple-touch-icon-57x57-22f09f5b3a64.png | manifest | PNG | 57×57 | 3,2 KB |
| apple-touch-icon-60x60-19037ac897bf.png | manifest | PNG | 60×60 | 3,5 KB |
| apple-touch-icon-72x72-e090c8a282d0.png | manifest | PNG | 72×72 | 4,4 KB |
Favicon clássico
2 aprovadosfavicon.ico
AprovadoGET /favicon.ico · não declarado no HTML (encontrado na raiz)
- Formato
- ICO (real)
- Contém
- 16 · 32
- Tamanho do arquivo
- 6,4 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- Cache
- 10 anos
PNG
Aprovado<link rel="alternate icon" class="js-site-favicon" type="image/png" href="https://github.githubassets.com/favicons/favicon.png">
- Declarado
- sem sizes
- Real
- 32×32
- Formato
- PNG
- Tamanho do arquivo
- 958 B
- HTTP
- 200
- Content-Type
- image/png
Ícone SVG
1 aprovadoFavicon SVG
Aprovado<link rel="icon" class="js-site-favicon" type="image/svg+xml" href="https://github.githubassets.com/favicons/favicon.svg" data-base-href="https://github.githubassets.com/favicons/favicon">
- viewBox quadrado
- sim
- Modo escuro
- não
- Scripts
- nenhum
- Tamanho do arquivo
- 959 B
- HTTP
- 200
- Content-Type
- image/svg+xml
Adicione uma media query prefers-color-scheme no SVG para trocar as cores nos temas escuros do navegador.
Apple
1 aprovado · 1 avisoApple touch icon
AvisoNão declarado · encontrado em /apple-touch-icon.png
- Declarado
- não declarado
- Real
- 120×120
- Recomendado
- 180×180
- Fundo
- opaco
- Tamanho do arquivo
- 10,7 KB
- HTTP
- 200
O iOS amplia 120 → 180 px, então o ícone fica borrado em telas Retina.
Safari pinned tab (mask-icon)
Aprovado<link rel="mask-icon" href="https://github.githubassets.com/assets/pinned-octocat-093da3e6fa40.svg" color="#000000">
- Cor
- #000000
- Tamanho do arquivo
- 1009 B
Legado. O Safari 12+ usa o favicon comum.
Arquivo web app manifest
1 aprovadomanifest.json
Aprovado<link rel="manifest" href="/manifest.json" crossorigin="use-credentials">
- HTTP
- 200
- Content-Type
- application/manifest+json
- JSON
- válido
- Tamanho do arquivo
- 1,4 KB
- Mesma origem
- sim
- Cache
- 7 dias
Campos do manifest
6 aprovados · 2 avisos · 1 ausente · 1 opcional- nameGitHub
- short_nameGitHub
- start_url/
- displaystandalone
- 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 · 2,9 KB · 200
- icons · 512×512PNG · 9,6 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
5 aprovados · 1 aviso- Formato de arquivo compatívelPNG · favicon.png
- Quadrado, de pelo menos 8×8 px32×32
- Maior que 48×48 pxO Google recomenda mais de 48×48 para o ícone ficar nítido. Um PNG de 96×96 declarado ou o Apple touch icon de 180 px resolve.32 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#1e2327
- 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
6 aprovados · 1 aviso- HTTPS em todos os ícones15 de 15
- 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.12 de 15 · ≥ 1 dia
- Peso total dos ícones115,2 KB
- Redirecionamentos0
- Tags duplicadasnenhum
Tags de ícone encontradas no <head>
<link rel="mask-icon" href="https://github.githubassets.com/assets/pinned-octocat-093da3e6fa40.svg" color="#000000"> <link rel="alternate icon" class="js-site-favicon" type="image/png" href="https://github.githubassets.com/favicons/favicon.png"> <link rel="icon" class="js-site-favicon" type="image/svg+xml" href="https://github.githubassets.com/favicons/favicon.svg" data-base-href="https://github.githubassets.com/favicons/favicon"> <link rel="manifest" href="/manifest.json" crossorigin="use-credentials"> <meta name="theme-color" content="#1e2327">
Perguntas sobre o favicon de github.com
Onde fica o favicon de github.com?
O principal está em https://github.githubassets.com/favicons/favicon.svg. O caminho padrão, https://github.com/favicon.ico, também retorna um ícone.
Qual é o tamanho do favicon de github.com?
favicon.svg é um arquivo vetorial, então escala para qualquer tamanho. O maior ícone raster do site é app-icon-512-7f9c4ff2e960.png, com 512×512 px.
O Google Search consegue exibir o favicon de github.com?
O site cumpre as regras do Google: favicon.png é um arquivo PNG de 32×32 (958 B) e o robots.txt permite o acesso. O Google recomenda mais de 48×48 px, então um ícone maior ficaria mais nítido. Ainda assim, quem decide o que exibir é o Google.
github.com tem um Apple touch icon e um ícone maskable?
O Apple touch icon tem 120×120. O manifest não tem ícone maskable, então o Android reduz o ícone comum e o coloca sobre um círculo branco.