Aba do navegador · claroAprovado
Favicon de mit.edu
- 17aprovados
- 7avisos
- 2ausentes
- 7opcionais
O favicon principal de mit.edu é favicon.svg, um arquivo SVG de 484 B. Encontramos 6 arquivos de ícone, 44,6 KB no total. O Google Search pode usar apple-touch-icon.png, um arquivo PNG de 180×180 (2,7 KB). O site tem nota 81 de 100: 17 aprovados, 7 avisos, 2 ausentes. Faltando: name, Ícone maskable no manifest.
Como fica
Renderizado a partir dos arquivos encontrados.
Aba do navegador · escuroOpcional
Confira se o ícone continua visível em uma aba escura.
Massachusetts Institute of Technologyhttps://web.mit.edu
Pesquisa do GoogleAprovado
Massachusetts Institute of Technology
Tela inicial do iOSAviso
O iOS preenche as áreas transparentes com preto. Dê ao ícone um fundo sólido.
Android · maskableAusente
Não há ícone maskable, então o Android reduz o ícone comum e o coloca sobre um círculo branco.
Instalação e abertura do PWAAprovado
Todos os arquivos de favicon de mit.edu
6 encontrados| Arquivo | Encontrado por | Formato | Tamanho | Peso |
|---|---|---|---|---|
| favicon.ico | caminho padrão | ICO | 16, 32, 48 px | 15,0 KB |
| favicon.ico | rel="icon" | ICO | 16, 32, 48 px | 15,0 KB |
| favicon.svg | rel="icon" | SVG | vetorial | 484 B |
| apple-touch-icon.png | rel="apple-touch-icon" | PNG | 180×180 | 2,7 KB |
| favicon-192x192.png | manifest | PNG | 192×192 | 2,9 KB |
| favicon-512x512.png | manifest | PNG | 512×512 | 8,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 · 48
- Tamanho do arquivo
- 15,0 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- Cache
- 4 horas
ICO 32×32
Aprovado<link rel="icon" href="/themes/mit/assets/favicon/favicon.ico" sizes="32x32">
- Declarado
- 32×32
- Real
- 16 · 32 · 48
- Formato
- ICO
- Tamanho do arquivo
- 15,0 KB
- HTTP
- 200
- Content-Type
- image/x-icon
Ícone SVG
1 aprovadoFavicon SVG
Aprovado<link rel="icon" href="/themes/mit/assets/favicon/favicon.svg" type="image/svg+xml">
- viewBox quadrado
- sim
- Modo escuro
- não
- Scripts
- nenhum
- Tamanho do arquivo
- 484 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 aviso · 1 opcionalApple touch icon
Aviso<link rel="apple-touch-icon" href="/themes/mit/assets/favicon/apple-touch-icon.png">
- Declarado
- sem sizes
- Real
- 180×180
- Recomendado
- 180×180
- Fundo
- transparente
- Tamanho do arquivo
- 2,7 KB
- HTTP
- 200
O iOS preenche as áreas transparentes com preto. Dê ao ícone um fundo sólido.
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 avisojson
manifest.webmanifest
Aviso<link rel="manifest" href="/themes/mit/assets/favicon/manifest.webmanifest">
- HTTP
- 200
- Content-Type
- text/plain
- JSON
- válido
- Tamanho do arquivo
- 231 B
- Mesma origem
- sim
- Cache
- 14 min
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 · 2,9 KB · 200
- icons · 512×512PNG · 8,4 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
4 opcionais- theme-colorDefine a cor da interface do navegador no celular.não definido
- 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 í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 ícones44,6 KB
- Redirecionamentos0
- Tags duplicadasnenhum
Tags de ícone encontradas no <head>
<link rel="icon" href="/themes/mit/assets/favicon/favicon.ico" sizes="32x32"> <link rel="icon" href="/themes/mit/assets/favicon/favicon.svg" type="image/svg+xml"> <link rel="apple-touch-icon" href="/themes/mit/assets/favicon/apple-touch-icon.png"> <link rel="manifest" href="/themes/mit/assets/favicon/manifest.webmanifest">
Perguntas sobre o favicon de mit.edu
Onde fica o favicon de mit.edu?
O principal está em https://web.mit.edu/themes/mit/assets/favicon/favicon.svg. O caminho padrão, https://web.mit.edu/favicon.ico, também retorna um ícone.
Qual é o tamanho do favicon de mit.edu?
favicon.svg é um arquivo vetorial, então escala para qualquer tamanho. O maior ícone raster do site é favicon-512x512.png, com 512×512 px.
O Google Search consegue exibir o favicon de mit.edu?
O site cumpre as regras do Google: apple-touch-icon.png é um arquivo PNG de 180×180 (2,7 KB) e o robots.txt permite o acesso. Ainda assim, quem decide o que exibir é o Google.
mit.edu tem um Apple touch icon e um ícone maskable?
O Apple touch icon tem 180×180, com áreas transparentes que o iOS deixa pretas. O manifest não tem ícone maskable, então o Android reduz o ícone comum e o coloca sobre um círculo branco.