Favicon de blogger.com
- 20aprovados
- 6avisos
- 7ausentes
- 9opcionais
O favicon principal de blogger.com é favicon-32x32.png, um arquivo PNG de 32×32 (448 B). Encontramos 13 arquivos de ícone, 17,5 KB no total. O Google Search pode usar android-chrome-192x192.png, um arquivo PNG de 192×192 (1,9 KB). O site tem nota 71 de 100: 20 aprovados, 6 avisos, 7 ausentes. Faltando: PNG 16×16, Ícone, Favicon SVG e mais 4.
Como fica
Renderizado a partir dos arquivos encontrados.
Tamanho legado. O iOS atual usa o ícone de 180 px.
Não há ícones no manifest, então o Android usa uma captura de tela ou uma letra.
Sem ícone de 512 px no manifest, não há prompt de instalação nem tela de abertura.
Todos os arquivos de favicon de blogger.com
13 encontrados| Arquivo | Encontrado por | Formato | Tamanho | Peso |
|---|---|---|---|---|
| favicon.ico | caminho padrão | ICO | 16, 32 px | 3,6 KB |
| apple-touch-icon-57x57.png | rel="apple-touch-icon" | PNG | 57×57 | 730 B |
| apple-touch-icon-60x60.png | rel="apple-touch-icon" | PNG | 60×60 | 708 B |
| apple-touch-icon-72x72.png | rel="apple-touch-icon" | PNG | 72×72 | 907 B |
| apple-touch-icon-76x76.png | rel="apple-touch-icon" | PNG | 76×76 | 907 B |
| apple-touch-icon-114x114.png | rel="apple-touch-icon" | PNG | 114×114 | 1,2 KB |
| apple-touch-icon-120x120.png | rel="apple-touch-icon" | PNG | 120×120 | 1,3 KB |
| apple-touch-icon-144x144.png | rel="apple-touch-icon" | PNG | 144×144 | 1,4 KB |
| apple-touch-icon-152x152.png | rel="apple-touch-icon" | PNG | 152×152 | 1,6 KB |
| apple-touch-icon-180x180.png | rel="apple-touch-icon" | PNG | 180×180 | 1,8 KB |
| favicon-32x32.png | rel="icon" | PNG | 32×32 | 448 B |
| android-chrome-192x192.png | rel="icon" | PNG | 192×192 | 1,9 KB |
| favicon-96x96.png | rel="icon" | PNG | 96×96 | 1,1 KB |
Favicon clássico
4 aprovados · 2 ausentesfavicon.ico
AprovadoGET /favicon.ico · não declarado no HTML (encontrado na raiz)
- Formato
- ICO (real)
- Contém
- 16 · 32
- Tamanho do arquivo
- 3,6 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- Cache
- 7 dias
PNG 32×32
Aprovado<link rel="icon" type="image/png" href="favicon/favicon-32x32.png" sizes="32x32">
- Declarado
- 32×32
- Real
- 32×32
- Formato
- PNG
- Tamanho do arquivo
- 448 B
- HTTP
- 200
- Content-Type
- image/png
PNG 192×192
Aprovado<link rel="icon" type="image/png" href="favicon/android-chrome-192x192.png" sizes="192x192">
- Declarado
- 192×192
- Real
- 192×192
- Formato
- PNG
- Tamanho do arquivo
- 1,9 KB
- HTTP
- 200
- Content-Type
- image/png
PNG 96×96
Aprovado<link rel="icon" type="image/png" href="favicon/favicon-96x96.png" sizes="96x96">
- Declarado
- 96×96
- Real
- 96×96
- Formato
- PNG
- Tamanho do arquivo
- 1,1 KB
- HTTP
- 200
- Content-Type
- image/png
PNG 16×16
Ausente<link rel="icon" type="image/png" href="favicon/favicon-16x16.png" sizes="16x16">
Não foi possível baixar o arquivo (falha na conexão).
Ícone
Ausente<link rel="shortcut icon" href="favicon/favicon.ico">
Não foi possível baixar o arquivo (falha na conexão).
Ícone SVG
1 ausenteFavicon 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 · 6 opcionaisApple touch icon 57×57
Opcional<link rel="apple-touch-icon" sizes="57x57" href="favicon/apple-touch-icon-57x57.png">
- Declarado
- 57×57
- Real
- 57×57
- Recomendado
- 180×180
- Fundo
- não medido
- Tamanho do arquivo
- 730 B
- HTTP
- 200
Tamanho legado. O iOS atual usa o ícone de 180 px.
Apple touch icon 60×60
Opcional<link rel="apple-touch-icon" sizes="60x60" href="favicon/apple-touch-icon-60x60.png">
- Declarado
- 60×60
- Real
- 60×60
- Recomendado
- 180×180
- Fundo
- não medido
- Tamanho do arquivo
- 708 B
- HTTP
- 200
Tamanho legado. O iOS atual usa o ícone de 180 px.
Apple touch icon 72×72
Opcional<link rel="apple-touch-icon" sizes="72x72" href="favicon/apple-touch-icon-72x72.png">
- Declarado
- 72×72
- Real
- 72×72
- Recomendado
- 180×180
- Fundo
- não medido
- Tamanho do arquivo
- 907 B
- HTTP
- 200
Tamanho legado. O iOS atual usa o ícone de 180 px.
Apple touch icon 76×76
Opcional<link rel="apple-touch-icon" sizes="76x76" href="favicon/apple-touch-icon-76x76.png">
- Declarado
- 76×76
- Real
- 76×76
- Recomendado
- 180×180
- Fundo
- não medido
- Tamanho do arquivo
- 907 B
- HTTP
- 200
Tamanho legado. O iOS atual usa o ícone de 180 px.
Apple touch icon 114×114
Opcional<link rel="apple-touch-icon" sizes="114x114" href="favicon/apple-touch-icon-114x114.png">
- Declarado
- 114×114
- Real
- 114×114
- Recomendado
- 180×180
- Fundo
- não medido
- Tamanho do arquivo
- 1,2 KB
- HTTP
- 200
Tamanho legado. O iOS atual usa o ícone de 180 px.
Apple touch icon 120×120
Opcional<link rel="apple-touch-icon" sizes="120x120" href="favicon/apple-touch-icon-120x120.png">
- Declarado
- 120×120
- Real
- 120×120
- Recomendado
- 180×180
- Fundo
- não medido
- Tamanho do arquivo
- 1,3 KB
- HTTP
- 200
Tamanho legado. O iOS atual usa o ícone de 180 px.
Safari pinned tab (mask-icon)
Aviso<link rel="mask-icon" href="favicon/safari-pinned-tab.svg" color="#5bbad5">
- Cor
- #5bbad5
Não foi possível baixar o arquivo (falha na conexão).
Arquivo web app manifest
1 aprovadomanifest.json
Aprovado<link rel="manifest" href="favicon/manifest.json">
- HTTP
- 200
- Content-Type
- application/json
- JSON
- válido
- Tamanho do arquivo
- 878 B
- Mesma origem
- sim
- Cache
- 0 s
Campos do manifest
1 aprovado · 4 avisos · 3 ausentes · 2 opcionais- nameBlogger
- 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×192O arquivo retorna HTTP 404.quebrado
- icons · 512×512Necessário para o prompt de instalação e a tela de abertura.não encontrado
- 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 · android-chrome-192x192.png
- Quadrado, de pelo menos 8×8 px192×192
- Maior que 48×48 px192 px
- Declarado na página inicialsim
- Não bloqueado pelo robots.txtpermitido
- URL estávelsem redirecionamentos
Meta e legado
3 aprovados · 1 opcional- theme-color#ffffff
- theme-color para o modo escuromedia="(prefers-color-scheme: dark)"não definido
- msapplication-TileColor#da532c
- browserconfig.xmlencontrado
Entrega e desempenho
5 aprovados · 1 aviso · 1 ausente- HTTPS em todos os ícones13 de 13
- Sem conteúdo misto0 link http://
- Sem links quebrados/blogger/landing/favicon/android-chrome-36x36.png, /blogger/landing/favicon/android-chrome-48x48.png, /blogger/landing/favicon/android-chrome-72x72.png6 erros
- Cabeçalhos de cacheÍcones raramente mudam; mantenha-os em cache por pelo menos um dia.1 de 13 · ≥ 1 dia
- Peso total dos ícones17,5 KB
- Redirecionamentos0
- Tags duplicadasnenhum
Tags de ícone encontradas no <head>
<link rel="apple-touch-icon" sizes="57x57" href="favicon/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="favicon/apple-touch-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="favicon/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="favicon/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="favicon/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="favicon/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="favicon/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="favicon/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon-180x180.png"> <link rel="icon" type="image/png" href="favicon/favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="favicon/android-chrome-192x192.png" sizes="192x192"> <link rel="icon" type="image/png" href="favicon/favicon-96x96.png" sizes="96x96"> <link rel="icon" type="image/png" href="favicon/favicon-16x16.png" sizes="16x16"> <link rel="manifest" href="favicon/manifest.json"> <link rel="mask-icon" href="favicon/safari-pinned-tab.svg" color="#5bbad5"> <link rel="shortcut icon" href="favicon/favicon.ico"> <meta name="theme-color" content="#ffffff"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="msapplication-TileImage" content="favicon/mstile-144x144.png"> <meta name="msapplication-config" content="favicon/browserconfig.xml"> <meta name="theme-color" content="#da532c">
Perguntas sobre o favicon de blogger.com
Onde fica o favicon de blogger.com?
O principal está em https://www.blogger.com/about/favicon/favicon-32x32.png. O caminho padrão, https://www.blogger.com/favicon.ico, também retorna um ícone.
Qual é o tamanho do favicon de blogger.com?
favicon-32x32.png tem 32×32. O maior ícone raster do site é android-chrome-192x192.png, com 192×192 px.
O Google Search consegue exibir o favicon de blogger.com?
O site cumpre as regras do Google: android-chrome-192x192.png é um arquivo PNG de 192×192 (1,9 KB) e o robots.txt permite o acesso. Ainda assim, quem decide o que exibir é o Google.
blogger.com 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.