Favicon de buzzfeed.com
- 20aprovados
- 5avisos
- 4ausentes
- 9opcionais
O favicon principal de buzzfeed.com é favicon-7283b1607609d4bbd1d2b7a688d2eca8.ico, um arquivo ICO com imagens de 16, 24, 32, 48 e 96 px (54,3 KB). Encontramos 9 arquivos de ícone, 190,8 KB no total. O Google Search pode usar touch-icon-android.6f90f349a263fafae3843e9decf2812a.png, um arquivo PNG de 192×192 (5,9 KB). O site tem nota 80 de 100: 20 aprovados, 5 avisos, 4 ausentes. Faltando: Favicon SVG, Ícone de 192 px no manifest, Ícone de 512 px no manifest e mais 1.
Como fica
Renderizado a partir dos arquivos encontrados.
O iOS preenche as áreas transparentes com preto. Dê ao ícone um fundo sólido.
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 buzzfeed.com
9 encontrados| Arquivo | Encontrado por | Formato | Tamanho | Peso |
|---|---|---|---|---|
| favicon.ico | caminho padrão | ICO | 16, 32, 48, 64, 128 px | 97,3 KB |
| touch-icon-ios_60.e17fab1b0a360167a1ed607f87a7c484.png | rel="apple-touch-icon" | PNG | 60×60 | 1,6 KB |
| touch-icon-ios_76.783071d7c73bcb842b09569971ce83c1.png | rel="apple-touch-icon" | PNG | 76×76 | 2,1 KB |
| touch-icon-ios_120.208a0e329cd6e8d831b21ae17fb6aabb.png | rel="apple-touch-icon" | PNG | 120×120 | 3,5 KB |
| touch-icon-ios_152.9f7df7b0b9e9f4a1ac41d9f97c3e1a1e.png | rel="apple-touch-icon" | PNG | 152×152 | 4,5 KB |
| touch-icon-ios_180.aebdfe83e6ba1987581449f89d7b5489.png | rel="apple-touch-icon" | PNG | 180×180 | 5,5 KB |
| touch-icon-android.6f90f349a263fafae3843e9decf2812a.png | rel="icon" | PNG | 192×192 | 5,9 KB |
| favicon-7283b1607609d4bbd1d2b7a688d2eca8.ico | rel="icon" | ICO | 16, 24, 32, 48, 96 px | 54,3 KB |
| buzzfeed_webapp_logo.0ea3c59fd2aeb164cfdfe77e74ab3aa2.png | manifest | PNG | 144×144 | 16,0 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 · 32 · 48 · 64 · 128
- Tamanho do arquivo
- 97,3 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- Cache
- 12 meses
PNG 196×196
Aviso<link rel="shortcut icon" sizes="196x196" href="/static-assets/img/touch-icon-android.6f90f349a263fafae3843e9decf2812a.png">
- Declarado
- 196×196
- Real
- 192×192
- Formato
- PNG
- Tamanho do arquivo
- 5,9 KB
- HTTP
- 200
- Content-Type
- image/png
O tamanho declarado não corresponde ao arquivo. Os navegadores podem escolher o ícone errado para abas pequenas.
ICO
Aprovado<link rel="shortcut icon" crossorigin="" href="/static-assets/feed-ui/_next/static/images/favicon-7283b1607609d4bbd1d2b7a688d2eca8.ico" type="image/x-icon">
- Declarado
- sem sizes
- Real
- 16 · 24 · 32 · 48 · 96
- Formato
- ICO
- Tamanho do arquivo
- 54,3 KB
- HTTP
- 200
- Content-Type
- image/vnd.microsoft.icon
Í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 · 5 opcionaisApple touch icon 60×60
Opcional<link rel="apple-touch-icon" href="/static-assets/img/touch-icon-ios_60.e17fab1b0a360167a1ed607f87a7c484.png">
- Declarado
- sem sizes
- Real
- 60×60
- Recomendado
- 180×180
- Fundo
- não medido
- Tamanho do arquivo
- 1,6 KB
- 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="/static-assets/img/touch-icon-ios_76.783071d7c73bcb842b09569971ce83c1.png">
- Declarado
- 76×76
- Real
- 76×76
- Recomendado
- 180×180
- Fundo
- não medido
- Tamanho do arquivo
- 2,1 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="/static-assets/img/touch-icon-ios_120.208a0e329cd6e8d831b21ae17fb6aabb.png">
- Declarado
- 120×120
- Real
- 120×120
- Recomendado
- 180×180
- Fundo
- não medido
- Tamanho do arquivo
- 3,5 KB
- HTTP
- 200
Tamanho legado. O iOS atual usa o ícone de 180 px.
Apple touch icon 152×152
Opcional<link rel="apple-touch-icon" sizes="152x152" href="/static-assets/img/touch-icon-ios_152.9f7df7b0b9e9f4a1ac41d9f97c3e1a1e.png">
- Declarado
- 152×152
- Real
- 152×152
- Recomendado
- 180×180
- Fundo
- não medido
- Tamanho do arquivo
- 4,5 KB
- HTTP
- 200
Tamanho legado. O iOS atual usa o ícone de 180 px.
Apple touch icon
Aviso<link rel="apple-touch-icon" sizes="180x180" href="/static-assets/img/touch-icon-ios_180.aebdfe83e6ba1987581449f89d7b5489.png">
- Declarado
- 180×180
- Real
- 180×180
- Recomendado
- 180×180
- Fundo
- transparente
- Tamanho do arquivo
- 5,5 KB
- HTTP
- 200
O iOS preenche as áreas transparentes com preto. Dê ao ícone um fundo sólido.
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 aprovadomanifest.json
Aprovado<link rel="manifest" crossorigin="use-credentials" href="/manifest.json">
- HTTP
- 200
- Content-Type
- application/json
- JSON
- válido
- Tamanho do arquivo
- 346 B
- Mesma origem
- sim
- Cache
- no-cache
Campos do manifest
3 aprovados · 3 avisos · 3 ausentes · 1 opcional- nameBuzzFeed
- short_nameBuzzFeed
- 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_color#ee3322
- background_colorO fundo da tela de abertura.não definido
- icons · 192×192O Android o usa como ícone da tela inicial.não encontrado
- 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 · touch-icon-android.6f90f349a263fafae3843e9decf2812a.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
1 aprovado · 3 opcionais- theme-color#ee3322
- 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
7 aprovados- HTTPS em todos os ícones9 de 9
- Sem conteúdo misto0 link http://
- Sem links quebrados0 erro
- Cabeçalhos de cache9 de 9 · ≥ 1 dia
- Peso total dos ícones190,8 KB
- Redirecionamentos0
- Tags duplicadasnenhum
Tags de ícone encontradas no <head>
<link rel="manifest" crossorigin="use-credentials" href="/manifest.json"> <link rel="apple-touch-icon" href="/static-assets/img/touch-icon-ios_60.e17fab1b0a360167a1ed607f87a7c484.png"> <link rel="apple-touch-icon" sizes="76x76" href="/static-assets/img/touch-icon-ios_76.783071d7c73bcb842b09569971ce83c1.png"> <link rel="apple-touch-icon" sizes="120x120" href="/static-assets/img/touch-icon-ios_120.208a0e329cd6e8d831b21ae17fb6aabb.png"> <link rel="apple-touch-icon" sizes="152x152" href="/static-assets/img/touch-icon-ios_152.9f7df7b0b9e9f4a1ac41d9f97c3e1a1e.png"> <link rel="apple-touch-icon" sizes="180x180" href="/static-assets/img/touch-icon-ios_180.aebdfe83e6ba1987581449f89d7b5489.png"> <link rel="shortcut icon" sizes="196x196" href="/static-assets/img/touch-icon-android.6f90f349a263fafae3843e9decf2812a.png"> <link rel="shortcut icon" crossorigin="" href="/static-assets/feed-ui/_next/static/images/favicon-7283b1607609d4bbd1d2b7a688d2eca8.ico" type="image/x-icon"> <meta name="theme-color" content="#ee3322">
Perguntas sobre o favicon de buzzfeed.com
Onde fica o favicon de buzzfeed.com?
O principal está em https://www.buzzfeed.com/static-assets/feed-ui/_next/static/images/favicon-7283b1607609d4bbd1d2b7a688d2eca8.ico. O caminho padrão, https://www.buzzfeed.com/favicon.ico, também retorna um ícone.
Qual é o tamanho do favicon de buzzfeed.com?
favicon-7283b1607609d4bbd1d2b7a688d2eca8.ico tem 16, 24, 32, 48, 96 px. O maior ícone raster do site é touch-icon-android.6f90f349a263fafae3843e9decf2812a.png, com 192×192 px.
O Google Search consegue exibir o favicon de buzzfeed.com?
O site cumpre as regras do Google: touch-icon-android.6f90f349a263fafae3843e9decf2812a.png é um arquivo PNG de 192×192 (5,9 KB) e o robots.txt permite o acesso. Ainda assim, quem decide o que exibir é o Google.
buzzfeed.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.