favicon-checker.com

Favicon di mashable.com

https://mashable.com/ · controllato il

  • 14superati
  • 7avvisi
  • 9mancanti
  • 4facoltativi

La favicon principale di mashable.com è favicon-32x32.jpg, un file WebP da 32×32 (652 B). Abbiamo trovato 5 file icona, 8,7 KB in totale. Nessuna delle sue icone può essere usata dalla Ricerca Google. Il sito ottiene 47 punti su 100: 14 superati, 7 avvisi, 9 mancanti. Elementi mancanti: favicon.ico, JPG 512×512, Favicon SVG e altri 6.

Come appare

Generato dai file che abbiamo trovato.

Mashable
Scheda del browser · chiaroSuperato
Mashable
Scheda del browser · scuroFacoltativo

Verifica che l'icona resti visibile su una scheda scura.

Mashablehttps://mashable.com
Mashable Mashable is a global, multi-platform media and entertainment company.
Ricerca GoogleMancante
Mashable
Schermata Home di iOSAvviso

iOS richiede un PNG; questo è WebP.

512
Android · maskableMancante

Il manifest non ha icone, quindi Android usa uno screenshot o una lettera.

splash
Installazione e splash della PWAMancante

Nel manifest manca l'icona da 512 px, quindi non ci sono richiesta di installazione né schermata iniziale.

Tutti i file favicon di mashable.com

5 trovati
FileTrovato tramiteFormatoDimensioniPeso
favicon.svgrel="mask-icon"SVGvettoriale982 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 classica

3 avvisi · 2 mancanti
ico

favicon.ico

Mancante
GET /favicon.ico – non trovato
HTTP
200

Browser, lettori RSS e molti crawler richiedono /favicon.ico anche quando l'HTML dichiara altre icone. L'URL non restituisce un'immagine (image/x-icon).

WebP 16×16

Avviso
<link rel="icon" type="image/jpg" href="/favicons/favicon-16x16.jpg" sizes="16x16">
Dichiarata
16×16
Effettiva
16×16
Formato
WebP
Peso del file
250 B
HTTP
200
Content-Type
image/webp

L'attributo type indica image/jpg, ma il file è WebP.

WebP 32×32

Avviso
<link rel="icon" type="image/jpg" href="/favicons/favicon-32x32.jpg" sizes="32x32">
Dichiarata
32×32
Effettiva
32×32
Formato
WebP
Peso del file
652 B
HTTP
200
Content-Type
image/webp

L'attributo type indica image/jpg, ma il file è WebP.

WebP 192×192

Avviso
<link rel="icon" type="image/jpg" href="/favicons/android-chrome-192x192.jpg" sizes="192x192">
Dichiarata
192×192
Effettiva
192×192
Formato
WebP
Peso del file
3,6 KB
HTTP
200
Content-Type
image/webp

L'attributo type indica image/jpg, ma il file è WebP.

404

JPG 512×512

Mancante
<link rel="icon" type="image/jpg" href="/favicons/android-chrome-512x512.jpg" sizes="512x512">
HTTP
404

Il file restituisce HTTP 404.

Icona SVG

1 mancante
svg

Favicon SVG

Mancante
<link rel="icon" type="image/svg+xml" href="…"> – non trovato

Un'icona SVG resta nitida a qualsiasi dimensione e può cambiare colori con i temi scuri del browser.

Apple

1 superato · 1 avviso

Apple touch icon

Avviso
<link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.jpg">
Dichiarata
180×180
Effettiva
180×180
Consigliata
180×180
Sfondo
non misurato
Peso del file
3,3 KB
HTTP
200

iOS richiede un PNG; questo è WebP.

Scheda fissata di Safari (mask-icon)

Superato
<link rel="shortcut icon mask-icon" href="/favicons/favicon.svg">
Colore
non impostato
Peso del file
982 B

Legacy. Da Safari 12 si usa la favicon normale.

File web app manifest

1 superato
json

manifest.json

Superato
<link rel="manifest" href="/manifest.json" crossorigin="use-credentials">
HTTP
200
Content-Type
application/json
JSON
valido
Peso del file
468 B
Stessa origine
sì
Cache
30 min

Campi del manifest

5 superati · 1 avviso · 3 mancanti · 1 facoltativo
  • name
    Mashable
  • short_name
    Mashable
  • start_urlLa pagina che si apre all'avvio dell'app installata.
    non impostato
  • display
    standalone
  • theme_color
    #ffffff
  • background_color
    #ffffff
  • icons · 192×192Il file restituisce HTTP 404.
    non funzionante
  • icons · 512×512Il file restituisce HTTP 404.
    non funzionante
  • icons · purpose: maskableSenza di essa Android rimpicciolisce l'icona e la mette su un cerchio bianco.
    non trovato
  • id
    non impostato

Ricerca Google

1 superato · 1 avviso · 2 mancanti
  • Formato di file supportatoGoogle elenca BMP, GIF, ICO, PNG, JPEG, PPM e TIFF, quindi SVG e WebP sono esclusi. Dichiara anche un PNG o un ICO.
    WebP
  • Quadrata, almeno 8×8 pxGoogle richiede un'icona quadrata (1:1).
    nessuna icona quadrata
  • Più grande di 48×48 pxGoogle consiglia più di 48×48 perché l'icona sia nitida. Va bene un PNG 96×96 dichiarato o l'Apple touch icon da 180 px.
    –
  • Dichiarata nella home page
    sì

Meta e legacy

1 superato · 3 facoltativi
  • theme-color
    #00aeef
  • theme-color per la modalità scuramedia="(prefers-color-scheme: dark)"
    non impostato
  • msapplication-TileColorRiquadri di Windows, legacy.
    non impostato
  • browserconfig.xmlRiquadri di Windows, legacy.
    non trovato

Consegna e prestazioni

5 superati · 1 avviso · 1 mancante
  • HTTPS per ogni icona
    5 su 5
  • Nessun contenuto misto
    0 link http://
  • Nessun link non funzionante/favicons/android-chrome-512x512.jpg, /android-chrome-192x192.png, /android-chrome-512x512.png
    3 errori
  • Header di cacheLe icone cambiano raramente; tienile in cache per almeno un giorno.
    0 su 5 · ≥ 1 giorno
  • Peso totale delle icone
    8,7 KB
  • Reindirizzamenti
    0
  • Tag duplicati
    nessuno

Tag icona trovati in <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">

Domande sulla favicon di mashable.com

Dov'è la favicon di mashable.com?

Quella principale si trova all'indirizzo https://mashable.com/favicons/favicon-32x32.jpg.

Che dimensioni ha la favicon di mashable.com?

favicon-32x32.jpg misura 32×32. L'icona raster più grande del sito è android-chrome-192x192.jpg, da 192×192 px.

La Ricerca Google può mostrare la favicon di mashable.com?

Per ora no: Google richiede un'icona quadrata in ICO, PNG, GIF, JPEG o BMP, dichiarata nella home page.

mashable.com ha un'Apple touch icon e un'icona maskable?

L'Apple touch icon misura 180×180. Il manifest non ha un'icona maskable, quindi Android rimpicciolisce quella normale e la mette su un cerchio bianco.

Altri report sulle favicon

Tutti i siti controllati