favicon-checker.com

Favicon de netlify.com

https://www.netlify.com/ · 1 redirecionamento · verificado em

  • 17aprovados
  • 8avisos
  • 2ausentes
  • 6opcionais

O favicon principal de netlify.com é icon.svg, um arquivo SVG de 1,3 KB. Encontramos 6 arquivos de ícone, 37,3 KB no total. O Google Search pode usar apple-touch-icon.png, um arquivo PNG de 180×180 (1,4 KB). O site tem nota 78 de 100: 17 aprovados, 8 avisos, 2 ausentes. Faltando: name, Ícone maskable no manifest.

Como fica

Renderizado a partir dos arquivos encontrados.

Push your ideas to the web | Netlify
Aba do navegador · claroAprovado
Push your ideas to the web | Netlify
Aba do navegador · escuroAprovado

O SVG troca de cores nos temas escuros.

Netlifyhttps://www.netlify.com
Push your ideas to the web | Netlify Create with AI or code, deploy instantly on production infrastructure. One platform to build and ship.
Pesquisa do GoogleAprovado
Netlify
Tela inicial do iOSAprovado
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 netlify.com

6 encontrados
ArquivoEncontrado porFormatoTamanhoPeso
favicon.icocaminho padrãoICO16, 32, 48 px14,7 KB
favicon.icorel="icon"ICO16, 32, 48 px14,7 KB
icon.svgrel="icon"SVGvetorial1,3 KB
apple-touch-icon.pngrel="apple-touch-icon"PNG180×1801,4 KB
icon-192.pngmanifestPNG192×1921,4 KB
icon-512.pngmanifestPNG512×5123,7 KB

Favicon clássico

1 aprovado · 1 aviso

favicon.ico

Aviso
GET /favicon.ico · não declarado no HTML (encontrado na raiz)
Formato
ICO (real)
Contém
16 · 32 · 48
Tamanho do arquivo
14,7 KB
HTTP
301 → 200
Content-Type
image/vnd.microsoft.icon
Cache
4 horas

A URL do ícone redireciona, e alguns crawlers e leitores de RSS não seguem redirecionamentos de ícones. Sirva o arquivo na URL final.

ICO 32×32

Aprovado
<link rel="icon" href="/favicon/favicon.ico" sizes="32x32">
Declarado
32×32
Real
16 · 32 · 48
Formato
ICO
Tamanho do arquivo
14,7 KB
HTTP
200
Content-Type
image/vnd.microsoft.icon

Ícone SVG

1 aprovado

Favicon SVG

Aprovado
<link rel="icon" href="/favicon/icon.svg" type="image/svg+xml">
viewBox quadrado
sim
Modo escuro
sim
Scripts
nenhum
Tamanho do arquivo
1,3 KB
HTTP
200
Content-Type
image/svg+xml

Apple

1 aprovado · 1 opcional

Apple touch icon

Aprovado
<link rel="apple-touch-icon" href="/favicon/apple-touch-icon.png">
Declarado
sem sizes
Real
180×180
Recomendado
180×180
Fundo
opaco
Tamanho do arquivo
1,4 KB
HTTP
200
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 aviso
json

site.webmanifest

Aviso
<link rel="manifest" href="/site.webmanifest" crossorigin="use-credentials">
HTTP
200
Content-Type
application/octet-stream
JSON
válido
Tamanho do arquivo
180 B
Mesma origem
sim
Cache
0 s

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×192
    PNG · 1,4 KB · 200
  • icons · 512×512
    PNG · 3,7 KB · 200
  • 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 · apple-touch-icon.png
  • Quadrado, de pelo menos 8×8 px
    180×180
  • Maior que 48×48 px
    180 px
  • Declarado na página inicial
    sim
  • Não bloqueado pelo robots.txt
    permitido
  • URL estável
    sem redirecionamentos

Meta e legado

1 aprovado · 3 opcionais
  • theme-color
    #ffffff
  • 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

5 aprovados · 2 avisos
  • HTTPS em todos os ícones
    6 de 6
  • Sem conteúdo misto
    0 link http://
  • Sem links quebrados
    0 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 ícones
    37,3 KB
  • Redirecionamentos/favicon.ico → /favicon/favicon.ico
    1
  • Tags duplicadas
    nenhum

Tags de ícone encontradas no <head>

<link rel="icon" href="/favicon/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/favicon/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest" crossorigin="use-credentials">
<meta name="theme-color" content="#ffffff">

Perguntas sobre o favicon de netlify.com

Onde fica o favicon de netlify.com?

O principal está em https://www.netlify.com/favicon/icon.svg. O caminho padrão, https://www.netlify.com/favicon.ico, também retorna um ícone.

Qual é o tamanho do favicon de netlify.com?

icon.svg é um arquivo vetorial, então escala para qualquer tamanho. O maior ícone raster do site é icon-512.png, com 512×512 px.

O Google Search consegue exibir o favicon de netlify.com?

O site cumpre as regras do Google: apple-touch-icon.png é um arquivo PNG de 180×180 (1,4 KB) e o robots.txt permite o acesso. Ainda assim, quem decide o que exibir é o Google.

netlify.com tem um Apple touch icon e um ícone maskable?

O Apple touch icon tem 180×180. 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