favicon-checker.com

Favicon de mashable.com

https://mashable.com/ · verificado em

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

Mashable
Aba do navegador · claroAprovado
Mashable
Aba do navegador · escuroOpcional

Confira se o ícone continua visível em uma aba escura.

Mashablehttps://mashable.com
Mashable Mashable is a global, multi-platform media and entertainment company.
Pesquisa do GoogleAusente
Mashable
Tela inicial do iOSAviso

O iOS exige PNG; este é WebP.

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

5 encontrados
ArquivoEncontrado porFormatoTamanhoPeso
favicon.svgrel="mask-icon"SVGvetorial982 B
favicon-16x16.jpgrel="icon"WebP16×16250 B
favicon-32x32.jpgrel="icon"WebP32×32652 B
apple-touch-icon.jpgrel="apple-touch-icon"WebP180×1803,3 KB
android-chrome-192x192.jpgrel="icon"WebP192×1923,6 KB

Favicon clássico

3 avisos · 2 ausentes
ico

favicon.ico

Ausente
GET /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.

404

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 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 aprovado · 1 aviso

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

manifest.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
  • name
    Mashable
  • short_name
    Mashable
  • start_urlA página que abre quando o app instalado inicia.
    não definido
  • display
    standalone
  • 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
  • id
    nã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 inicial
    sim

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 ícones
    5 de 5
  • Sem conteúdo misto
    0 link http://
  • Sem links quebrados/favicons/android-chrome-512x512.jpg, /android-chrome-192x192.png, /android-chrome-512x512.png
    3 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 ícones
    8,7 KB
  • Redirecionamentos
    0
  • Tags duplicadas
    nenhum

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.

Mais relatórios de favicon

Todos os sites verificados