favicon-checker.com

Favicon de blogger.com

https://www.blogger.com/about/?bpli=1 · 5 redirecionamentos · verificado em

  • 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.

Blogger.com - Create a unique and beautiful blog easily.
Aba do navegador · claroAprovado
Blogger.com - Create a unique and beautiful blog easily.
Aba do navegador · escuroAprovado
Bloggerhttps://www.blogger.com
Blogger.com - Create a unique and beautiful blog easily. Publish your passions your way. Whether you’d like to share your knowledge, experiences or the latest news, create a unique and beautiful blog.
Pesquisa do GoogleAprovado
Blogger
Tela inicial do iOSOpcional

Tamanho legado. O iOS atual usa o ícone de 180 px.

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 blogger.com

13 encontrados
ArquivoEncontrado porFormatoTamanhoPeso
favicon.icocaminho padrãoICO16, 32 px3,6 KB
apple-touch-icon-57x57.pngrel="apple-touch-icon"PNG57×57730 B
apple-touch-icon-60x60.pngrel="apple-touch-icon"PNG60×60708 B
apple-touch-icon-72x72.pngrel="apple-touch-icon"PNG72×72907 B
apple-touch-icon-76x76.pngrel="apple-touch-icon"PNG76×76907 B
apple-touch-icon-114x114.pngrel="apple-touch-icon"PNG114×1141,2 KB
apple-touch-icon-120x120.pngrel="apple-touch-icon"PNG120×1201,3 KB
apple-touch-icon-144x144.pngrel="apple-touch-icon"PNG144×1441,4 KB
apple-touch-icon-152x152.pngrel="apple-touch-icon"PNG152×1521,6 KB
apple-touch-icon-180x180.pngrel="apple-touch-icon"PNG180×1801,8 KB
favicon-32x32.pngrel="icon"PNG32×32448 B
android-chrome-192x192.pngrel="icon"PNG192×1921,9 KB
favicon-96x96.pngrel="icon"PNG96×961,1 KB

Favicon clássico

4 aprovados · 2 ausentes

favicon.ico

Aprovado
GET /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
404

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).

404

Í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 ausente
svg

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 · 6 opcionais

Apple 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.

mask

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 aprovado
json

manifest.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
  • name
    Blogger
  • 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
  • id
    não definido

Pesquisa do Google

6 aprovados
  • Formato de arquivo compatível
    PNG · android-chrome-192x192.png
  • Quadrado, de pelo menos 8×8 px
    192×192
  • Maior que 48×48 px
    192 px
  • Declarado na página inicial
    sim
  • Não bloqueado pelo robots.txt
    permitido
  • URL estável
    sem 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.xml
    encontrado

Entrega e desempenho

5 aprovados · 1 aviso · 1 ausente
  • HTTPS em todos os ícones
    13 de 13
  • Sem conteúdo misto
    0 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.png
    6 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 ícones
    17,5 KB
  • Redirecionamentos
    0
  • Tags duplicadas
    nenhum

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.

Mais relatórios de favicon

Todos os sites verificados