Favicon di mashable.com
- 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.
Verifica che l'icona resti visibile su una scheda scura.
iOS richiede un PNG; questo è WebP.
Il manifest non ha icone, quindi Android usa uno screenshot o una lettera.
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| File | Trovato tramite | Formato | Dimensioni | Peso |
|---|---|---|---|---|
| favicon.svg | rel="mask-icon" | SVG | vettoriale | 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 classica
3 avvisi · 2 mancantifavicon.ico
MancanteGET /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.
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 mancanteFavicon 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 avvisoApple 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 superatomanifest.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- nameMashable
- short_nameMashable
- start_urlLa pagina che si apre all'avvio dell'app installata.non impostato
- displaystandalone
- 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
- idnon 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 pagesì
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 icona5 su 5
- Nessun contenuto misto0 link http://
- Nessun link non funzionante/favicons/android-chrome-512x512.jpg, /android-chrome-192x192.png, /android-chrome-512x512.png3 errori
- Header di cacheLe icone cambiano raramente; tienile in cache per almeno un giorno.0 su 5 · ≥ 1 giorno
- Peso totale delle icone8,7 KB
- Reindirizzamenti0
- Tag duplicatinessuno
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.