Aba do navegador · claroAprovado
Favicon de heroku.com
- 14aprovados
- 4avisos
- 2ausentes
- 4opcionais
O favicon principal de heroku.com é apple-touch-icon-180x180-1.png, um arquivo WebP de 32×32 (616 B). Encontramos 3 arquivos de ícone, 8,7 KB no total. O Google Search pode usar favicon.ico, um arquivo ICO com imagens de 16 px (198 B). O site tem nota 80 de 100: 14 aprovados, 4 avisos, 2 ausentes. Faltando: Favicon SVG, Web app manifest.
Como fica
Renderizado a partir dos arquivos encontrados.
Aba do navegador · escuroOpcional
Confira se o ícone continua visível em uma aba escura.
Herokuhttps://www.heroku.com
Pesquisa do GoogleAviso
Heroku
Tela inicial do iOSAviso
O iOS exige PNG; este é WebP.
512
Android · maskableAusente
Não há ícones no manifest, então o Android usa uma captura de tela ou uma letra.
splash
Instalação e abertura do PWAAusente
Sem ícone de 512 px no manifest, não há prompt de instalação nem tela de abertura.
Todos os arquivos de favicon de heroku.com
3 encontrados| Arquivo | Encontrado por | Formato | Tamanho | Peso |
|---|---|---|---|---|
| favicon.ico | caminho padrão | ICO | 16 px | 198 B |
| apple-touch-icon-180x180-1.png | rel="icon" | WebP | 32×32 | 616 B |
| apple-touch-icon-180x180-1.png | rel="icon" · rel="apple-touch-icon" | WebP | 180×180 | 7,9 KB |
Favicon clássico
2 aprovados · 1 avisofavicon.ico
AprovadoGET /favicon.ico · não declarado no HTML (encontrado na raiz)
- Formato
- ICO (real)
- Contém
- 16
- Tamanho do arquivo
- 198 B
- HTTP
- 200
- Content-Type
- image/x-icon
- Cache
- 4 horas
WebP 32×32
Aprovado<link rel="icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=32" sizes="32x32">
- Declarado
- 32×32
- Real
- 32×32
- Formato
- WebP
- Tamanho do arquivo
- 616 B
- HTTP
- 200
- Content-Type
- image/webp
WebP 192×192
Aviso<link rel="icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=180" sizes="192x192">
- Declarado
- 192×192
- Real
- 180×180
- Formato
- WebP
- Tamanho do arquivo
- 7,9 KB
- HTTP
- 200
- Content-Type
- image/webp
O tamanho declarado não corresponde ao arquivo. Os navegadores podem escolher o ícone errado para abas pequenas.
Ícone SVG
1 ausentesvg
Favicon SVG
Ausente<link rel="icon" type="image/svg+xml" href="…"> – não encontrado
Um ícone SVG fica nítido em qualquer tamanho e pode trocar de cor nos temas escuros do navegador.
Apple
1 aviso · 1 opcionalApple touch icon
Aviso<link rel="apple-touch-icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=180">
- Declarado
- sem sizes
- Real
- 180×180
- Recomendado
- 180×180
- Fundo
- não medido
- Tamanho do arquivo
- 7,9 KB
- HTTP
- 200
O iOS exige PNG; este é WebP.
mask
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 ausentejson
Web app manifest
Ausente<link rel="manifest" href="…"> – não encontrado
Android e web apps instaláveis obtêm ícones, nome e cores do manifest.
Pesquisa do Google
5 aprovados · 1 aviso- Formato de arquivo compatívelICO · favicon.ico
- Quadrado, de pelo menos 8×8 px16×16
- 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.16 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#5A1BA9
- 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 ícones3 de 3
- 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.2 de 3 · ≥ 1 dia
- Peso total dos ícones8,7 KB
- Redirecionamentos0
- Tags duplicadasnenhum
Tags de ícone encontradas no <head>
<link rel="icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=32" sizes="32x32"> <link rel="icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=180" sizes="192x192"> <link rel="apple-touch-icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=180"> <meta name="theme-color" content="#5A1BA9"> <meta name="msapplication-TileImage" content="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=180">
Perguntas sobre o favicon de heroku.com
Onde fica o favicon de heroku.com?
O principal está em https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=32. O caminho padrão, https://www.heroku.com/favicon.ico, também retorna um ícone.
Qual é o tamanho do favicon de heroku.com?
apple-touch-icon-180x180-1.png tem 32×32. O maior ícone raster do site é apple-touch-icon-180x180-1.png, com 180×180 px.
O Google Search consegue exibir o favicon de heroku.com?
O site cumpre as regras do Google: favicon.ico é um arquivo ICO com imagens de 16 px (198 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.
heroku.com tem um Apple touch icon e um ícone maskable?
O Apple touch icon tem 180×180. Não há web app manifest legível, então também não há ícone maskable.