Favicon di heroku.com
- 14superati
- 4avvisi
- 2mancanti
- 4facoltativi
La favicon principale di heroku.com è apple-touch-icon-180x180-1.png, un file WebP da 32×32 (616 B). Abbiamo trovato 3 file icona, 8,7 KB in totale. La Ricerca Google può usare favicon.ico, un file ICO con immagini da 16 px (198 B). Il sito ottiene 80 punti su 100: 14 superati, 4 avvisi, 2 mancanti. Elementi mancanti: Favicon SVG, Web app manifest.
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 heroku.com
3 trovati| File | Trovato tramite | Formato | Dimensioni | Peso |
|---|---|---|---|---|
| favicon.ico | percorso predefinito | ICO | 16 px | 198 B |
| apple-touch-icon-180x180-1.png | rel="icon" | WebP | 32×32 | 616 B |
| apple-touch-icon-180x180-1.png | rel="icon" · rel="apple-touch-icon" | WebP | 180×180 | 7,9 KB |
Favicon classica
2 superati · 1 avvisofavicon.ico
SuperatoGET /favicon.ico · non dichiarato nell'HTML (trovato nella radice)
- Formato
- ICO (reale)
- Contiene
- 16
- Peso del file
- 198 B
- HTTP
- 200
- Content-Type
- image/x-icon
- Cache
- 4 ore
WebP 32×32
Superato<link rel="icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=32" sizes="32x32">
- Dichiarata
- 32×32
- Effettiva
- 32×32
- Formato
- WebP
- Peso del file
- 616 B
- HTTP
- 200
- Content-Type
- image/webp
WebP 192×192
Avviso<link rel="icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=180" sizes="192x192">
- Dichiarata
- 192×192
- Effettiva
- 180×180
- Formato
- WebP
- Peso del file
- 7,9 KB
- HTTP
- 200
- Content-Type
- image/webp
La dimensione dichiarata non corrisponde al file. I browser possono scegliere l'icona sbagliata per le schede piccole.
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 avviso · 1 facoltativoApple touch icon
Avviso<link rel="apple-touch-icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=180">
- Dichiarata
- senza sizes
- Effettiva
- 180×180
- Consigliata
- 180×180
- Sfondo
- non misurato
- Peso del file
- 7,9 KB
- HTTP
- 200
iOS richiede un PNG; questo è WebP.
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 mancanteWeb app manifest
Mancante<link rel="manifest" href="…"> – non trovato
Android e le web app installabili prendono icone, nome e colori dal manifest.
Ricerca Google
5 superati · 1 avviso- Formato di file supportatoICO · favicon.ico
- Quadrata, almeno 8×8 px16×16
- 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.16 px
- Dichiarata nella home pagesì
- Non bloccata da robots.txtconsentito
- URL stabilenessun reindirizzamento
Meta e legacy
1 superato · 3 facoltativi- theme-color#5A1BA9
- 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
6 superati · 1 avviso- HTTPS per ogni icona3 su 3
- Nessun contenuto misto0 link http://
- Nessun link non funzionante0 errori
- Header di cacheLe icone cambiano raramente; tienile in cache per almeno un giorno.2 su 3 · ≥ 1 giorno
- Peso totale delle icone8,7 KB
- Reindirizzamenti0
- Tag duplicatinessuno
Tag icona trovati in <head>
<link rel="icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=32" sizes="32x32"> <link rel="icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=180" sizes="192x192"> <link rel="apple-touch-icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=180"> <meta name="theme-color" content="#5A1BA9"> <meta name="msapplication-TileImage" content="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=180">
Domande sulla favicon di heroku.com
Dov'è la favicon di heroku.com?
Quella principale si trova all'indirizzo https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=32. Anche il percorso predefinito, https://www.heroku.com/favicon.ico, restituisce un'icona.
Che dimensioni ha la favicon di heroku.com?
apple-touch-icon-180x180-1.png misura 32×32. L'icona raster più grande del sito è apple-touch-icon-180x180-1.png, da 180×180 px.
La Ricerca Google può mostrare la favicon di heroku.com?
Il sito rispetta le regole di Google: favicon.ico è un file ICO con immagini da 16 px (198 B) e robots.txt lo consente. Google consiglia più di 48×48 px, quindi un'icona più grande sarebbe più nitida. Google decide comunque cosa mostrare.
heroku.com ha un'Apple touch icon e un'icona maskable?
L'Apple touch icon misura 180×180. Non c'è un web app manifest leggibile, quindi non c'è nemmeno un'icona maskable.