Favicon de mashable.com
- 14aprovados
- 7avisos
- 9ausentes
- 4opcionais
O favicon principal de mashable.com é favicon-32x32.jpg, um arquivo WebP de 32×32 (652 B). Encontramos 5 arquivos de ícone, 8,7 KB no total. Nenhum dos ícones do site pode ser usado pelo Google Search. O site tem nota 47 de 100: 14 aprovados, 7 avisos, 9 ausentes. Faltando: favicon.ico, JPG 512×512, Favicon SVG e mais 6.
Como fica
Renderizado a partir dos arquivos encontrados.
Confira se o ícone continua visível em uma aba escura.
O iOS exige PNG; este é WebP.
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 mashable.com
5 encontrados| Arquivo | Encontrado por | Formato | Tamanho | Peso |
|---|---|---|---|---|
| favicon.svg | rel="mask-icon" | SVG | vetorial | 982 B |
| favicon-16x16.jpg | rel="icon" | WebP | 16×16 | 250 B |
| favicon-32x32.jpg | rel="icon" | WebP | 32×32 | 652 B |
| apple-touch-icon.jpg | rel="apple-touch-icon" | WebP | 180×180 | 3,3 KB |
| android-chrome-192x192.jpg | rel="icon" | WebP | 192×192 | 3,6 KB |
Favicon clássico
3 avisos · 2 ausentesfavicon.ico
AusenteGET /favicon.ico – não encontrado
- HTTP
- 200
Navegadores, leitores de RSS e muitos crawlers solicitam /favicon.ico mesmo quando o HTML declara outros ícones. A URL não retorna uma imagem (image/x-icon).
WebP 16×16
Aviso<link rel="icon" type="image/jpg" href="/favicons/favicon-16x16.jpg" sizes="16x16">
- Declarado
- 16×16
- Real
- 16×16
- Formato
- WebP
- Tamanho do arquivo
- 250 B
- HTTP
- 200
- Content-Type
- image/webp
O atributo type diz image/jpg, mas o arquivo é WebP.
WebP 32×32
Aviso<link rel="icon" type="image/jpg" href="/favicons/favicon-32x32.jpg" sizes="32x32">
- Declarado
- 32×32
- Real
- 32×32
- Formato
- WebP
- Tamanho do arquivo
- 652 B
- HTTP
- 200
- Content-Type
- image/webp
O atributo type diz image/jpg, mas o arquivo é WebP.
WebP 192×192
Aviso<link rel="icon" type="image/jpg" href="/favicons/android-chrome-192x192.jpg" sizes="192x192">
- Declarado
- 192×192
- Real
- 192×192
- Formato
- WebP
- Tamanho do arquivo
- 3,6 KB
- HTTP
- 200
- Content-Type
- image/webp
O atributo type diz image/jpg, mas o arquivo é WebP.
JPG 512×512
Ausente<link rel="icon" type="image/jpg" href="/favicons/android-chrome-512x512.jpg" sizes="512x512">
- HTTP
- 404
O arquivo retorna HTTP 404.
Í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 aprovado · 1 avisoApple touch icon
Aviso<link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.jpg">
- Declarado
- 180×180
- Real
- 180×180
- Recomendado
- 180×180
- Fundo
- não medido
- Tamanho do arquivo
- 3,3 KB
- HTTP
- 200
O iOS exige PNG; este é WebP.
Safari pinned tab (mask-icon)
Aprovado<link rel="shortcut icon mask-icon" href="/favicons/favicon.svg">
- Cor
- não definido
- Tamanho do arquivo
- 982 B
Legado. O Safari 12+ usa o favicon comum.
Arquivo web app manifest
1 aprovadomanifest.json
Aprovado<link rel="manifest" href="/manifest.json" crossorigin="use-credentials">
- HTTP
- 200
- Content-Type
- application/json
- JSON
- válido
- Tamanho do arquivo
- 468 B
- Mesma origem
- sim
- Cache
- 30 min
Campos do manifest
5 aprovados · 1 aviso · 3 ausentes · 1 opcional- nameMashable
- short_nameMashable
- start_urlA página que abre quando o app instalado inicia.não definido
- displaystandalone
- theme_color#ffffff
- background_color#ffffff
- icons · 192×192O arquivo retorna HTTP 404.quebrado
- icons · 512×512O arquivo retorna HTTP 404.quebrado
- 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
1 aprovado · 1 aviso · 2 ausentes- Formato de arquivo compatívelO Google lista BMP, GIF, ICO, PNG, JPEG, PPM e TIFF, o que deixa de fora SVG e WebP. Declare também um PNG ou ICO.WebP
- Quadrado, de pelo menos 8×8 pxO Google exige um ícone quadrado (1:1).sem ícone quadrado
- Maior que 48×48 pxO Google recomenda mais de 48×48 para o ícone ficar nítido. Um PNG de 96×96 declarado ou o Apple touch icon de 180 px resolve.–
- Declarado na página inicialsim
Meta e legado
1 aprovado · 3 opcionais- theme-color#00aeef
- 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 · 1 aviso · 1 ausente- HTTPS em todos os ícones5 de 5
- Sem conteúdo misto0 link http://
- Sem links quebrados/favicons/android-chrome-512x512.jpg, /android-chrome-192x192.png, /android-chrome-512x512.png3 erros
- Cabeçalhos de cacheÍcones raramente mudam; mantenha-os em cache por pelo menos um dia.0 de 5 · ≥ 1 dia
- Peso total dos ícones8,7 KB
- Redirecionamentos0
- Tags duplicadasnenhum
Tags de ícone encontradas no <head>
<link rel="shortcut icon mask-icon" href="/favicons/favicon.svg"> <link rel="icon" type="image/jpg" href="/favicons/favicon-16x16.jpg" sizes="16x16"> <link rel="icon" type="image/jpg" href="/favicons/favicon-32x32.jpg" sizes="32x32"> <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.jpg"> <link rel="icon" type="image/jpg" href="/favicons/android-chrome-192x192.jpg" sizes="192x192"> <link rel="icon" type="image/jpg" href="/favicons/android-chrome-512x512.jpg" sizes="512x512"> <link rel="manifest" href="/manifest.json" crossorigin="use-credentials"> <meta name="theme-color" content="#00aeef">
Perguntas sobre o favicon de mashable.com
Onde fica o favicon de mashable.com?
O principal está em https://mashable.com/favicons/favicon-32x32.jpg.
Qual é o tamanho do favicon de mashable.com?
favicon-32x32.jpg tem 32×32. O maior ícone raster do site é android-chrome-192x192.jpg, com 192×192 px.
O Google Search consegue exibir o favicon de mashable.com?
No momento, não: o Google exige um ícone quadrado em ICO, PNG, GIF, JPEG ou BMP, declarado na página inicial.
mashable.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.