favicon-checker.com

Favicon di netlify.com

https://www.netlify.com/ · 1 reindirizzamento · controllato il

  • 17superati
  • 8avvisi
  • 2mancanti
  • 6facoltativi

La favicon principale di netlify.com è icon.svg, un file SVG di 1,3 KB. Abbiamo trovato 6 file icona, 37,3 KB in totale. La Ricerca Google può usare apple-touch-icon.png, un file PNG da 180×180 (1,4 KB). Il sito ottiene 78 punti su 100: 17 superati, 8 avvisi, 2 mancanti. Elementi mancanti: name, Icona maskable del manifest.

Come appare

Generato dai file che abbiamo trovato.

Push your ideas to the web | Netlify
Scheda del browser · chiaroSuperato
Push your ideas to the web | Netlify
Scheda del browser · scuroSuperato

L'SVG cambia colori con i temi scuri.

Netlifyhttps://www.netlify.com
Push your ideas to the web | Netlify Create with AI or code, deploy instantly on production infrastructure. One platform to build and ship.
Ricerca GoogleSuperato
Netlify
Schermata Home di iOSSuperato
Android · maskableMancante

Non c'è un'icona maskable, quindi Android rimpicciolisce quella normale e la mette su un cerchio bianco.

Installazione e splash della PWASuperato

Tutti i file favicon di netlify.com

6 trovati
FileTrovato tramiteFormatoDimensioniPeso
favicon.icopercorso predefinitoICO16, 32, 48 px14,7 KB
favicon.icorel="icon"ICO16, 32, 48 px14,7 KB
icon.svgrel="icon"SVGvettoriale1,3 KB
apple-touch-icon.pngrel="apple-touch-icon"PNG180×1801,4 KB
icon-192.pngmanifestPNG192×1921,4 KB
icon-512.pngmanifestPNG512×5123,7 KB

Favicon classica

1 superato · 1 avviso

favicon.ico

Avviso
GET /favicon.ico · non dichiarato nell'HTML (trovato nella radice)
Formato
ICO (reale)
Contiene
16 · 32 · 48
Peso del file
14,7 KB
HTTP
301 → 200
Content-Type
image/vnd.microsoft.icon
Cache
4 ore

L'URL dell'icona viene reindirizzato e alcuni crawler e lettori RSS non seguono i reindirizzamenti per le icone. Servi il file dal suo URL definitivo.

ICO 32×32

Superato
<link rel="icon" href="/favicon/favicon.ico" sizes="32x32">
Dichiarata
32×32
Effettiva
16 · 32 · 48
Formato
ICO
Peso del file
14,7 KB
HTTP
200
Content-Type
image/vnd.microsoft.icon

Icona SVG

1 superato

Favicon SVG

Superato
<link rel="icon" href="/favicon/icon.svg" type="image/svg+xml">
viewBox quadrato
sì
Modalità scura
sì
Script
nessuno
Peso del file
1,3 KB
HTTP
200
Content-Type
image/svg+xml

Apple

1 superato · 1 facoltativo

Apple touch icon

Superato
<link rel="apple-touch-icon" href="/favicon/apple-touch-icon.png">
Dichiarata
senza sizes
Effettiva
180×180
Consigliata
180×180
Sfondo
opaco
Peso del file
1,4 KB
HTTP
200
mask

Scheda fissata di Safari (mask-icon)

Facoltativo
<link rel="mask-icon" href="…" color="…"> – non trovato

Legacy. Da Safari 12 si usa la favicon normale, quindi non è più necessario.

File web app manifest

1 avviso
json

site.webmanifest

Avviso
<link rel="manifest" href="/site.webmanifest" crossorigin="use-credentials">
HTTP
200
Content-Type
application/octet-stream
JSON
valido
Peso del file
180 B
Stessa origine
sì
Cache
0 s

Servi il manifest come application/manifest+json.

Campi del manifest

2 superati · 4 avvisi · 2 mancanti · 2 facoltativi
  • nameMostrato sotto l'icona quando il sito è installato.
    non impostato
  • short_nameUsato nella schermata Home quando name è troppo lungo.
    non impostato
  • start_urlLa pagina che si apre all'avvio dell'app installata.
    non impostato
  • displayIl valore predefinito è "browser", che non è installabile.
    non impostato
  • theme_colorColora la barra del titolo dell'app installata.
    non impostato
  • background_colorLo sfondo della schermata iniziale.
    non impostato
  • icons · 192×192
    PNG · 1,4 KB · 200
  • icons · 512×512
    PNG · 3,7 KB · 200
  • icons · purpose: maskableSenza di essa Android rimpicciolisce l'icona e la mette su un cerchio bianco.
    non trovato
  • id
    non impostato

Ricerca Google

6 superati
  • Formato di file supportato
    PNG · apple-touch-icon.png
  • Quadrata, almeno 8×8 px
    180×180
  • Più grande di 48×48 px
    180 px
  • Dichiarata nella home page
    sì
  • Non bloccata da robots.txt
    consentito
  • URL stabile
    nessun reindirizzamento

Meta e legacy

1 superato · 3 facoltativi
  • theme-color
    #ffffff
  • 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 · 2 avvisi
  • HTTPS per ogni icona
    6 su 6
  • Nessun contenuto misto
    0 link http://
  • Nessun link non funzionante
    0 errori
  • Header di cacheLe icone cambiano raramente; tienile in cache per almeno un giorno.
    0 su 6 · ≥ 1 giorno
  • Peso totale delle icone
    37,3 KB
  • Reindirizzamenti/favicon.ico → /favicon/favicon.ico
    1
  • Tag duplicati
    nessuno

Tag icona trovati in <head>

<link rel="icon" href="/favicon/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/favicon/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest" crossorigin="use-credentials">
<meta name="theme-color" content="#ffffff">

Domande sulla favicon di netlify.com

Dov'è la favicon di netlify.com?

Quella principale si trova all'indirizzo https://www.netlify.com/favicon/icon.svg. Anche il percorso predefinito, https://www.netlify.com/favicon.ico, restituisce un'icona.

Che dimensioni ha la favicon di netlify.com?

icon.svg è un file vettoriale, quindi si adatta a qualsiasi dimensione. L'icona raster più grande del sito è icon-512.png, da 512×512 px.

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

Il sito rispetta le regole di Google: apple-touch-icon.png è un file PNG da 180×180 (1,4 KB) e robots.txt lo consente. Google decide comunque cosa mostrare.

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