Favicon de netlify.com
- 17réussis
- 8avertissements
- 2manquants
- 6facultatifs
Le favicon principal de netlify.com est icon.svg, un fichier SVG de 1,3 Ko. Nous avons trouvé 6 fichiers d'icônes, 37,3 Ko au total. Google Search peut utiliser apple-touch-icon.png, un fichier PNG de 180×180 (1,4 Ko). Le site obtient 78 sur 100 : 17 réussis, 8 avertissements, 2 manquants. Il manque : name, Icône de manifeste maskable.
Aperçus
Générés à partir des fichiers trouvés.
Le SVG change de couleurs avec les thèmes sombres.
Il n'y a pas d'icône maskable : Android réduit l'icône standard et la place sur un cercle blanc.
Tous les fichiers favicon de netlify.com
6 trouvés| Fichier | Trouvé via | Format | Dimensions | Poids |
|---|---|---|---|---|
| favicon.ico | chemin par défaut | ICO | 16, 32, 48 px | 14,7 Ko |
| favicon.ico | rel="icon" | ICO | 16, 32, 48 px | 14,7 Ko |
| icon.svg | rel="icon" | SVG | vectoriel | 1,3 Ko |
| apple-touch-icon.png | rel="apple-touch-icon" | PNG | 180×180 | 1,4 Ko |
| icon-192.png | manifeste | PNG | 192×192 | 1,4 Ko |
| icon-512.png | manifeste | PNG | 512×512 | 3,7 Ko |
Favicon classique
1 réussi · 1 avertissementfavicon.ico
AvertissementGET /favicon.ico · non déclaré dans le HTML (trouvé à la racine)
- Format
- ICO (réel)
- Contient
- 16 · 32 · 48
- Taille du fichier
- 14,7 Ko
- HTTP
- 301 → 200
- Content-Type
- image/vnd.microsoft.icon
- Cache
- 4 heures
L'URL de l'icône redirige, et certains robots et lecteurs RSS ne suivent pas les redirections pour les icônes. Servez le fichier à son URL définitive.
ICO 32×32
Réussi<link rel="icon" href="/favicon/favicon.ico" sizes="32x32">
- Déclaré
- 32×32
- Réel
- 16 · 32 · 48
- Format
- ICO
- Taille du fichier
- 14,7 Ko
- HTTP
- 200
- Content-Type
- image/vnd.microsoft.icon
Icône SVG
1 réussiFavicon SVG
Réussi<link rel="icon" href="/favicon/icon.svg" type="image/svg+xml">
- viewBox carré
- oui
- Mode sombre
- oui
- Scripts
- aucun
- Taille du fichier
- 1,3 Ko
- HTTP
- 200
- Content-Type
- image/svg+xml
Apple
1 réussi · 1 facultatifApple touch icon
Réussi<link rel="apple-touch-icon" href="/favicon/apple-touch-icon.png">
- Déclaré
- sans sizes
- Réel
- 180×180
- Recommandé
- 180×180
- Arrière-plan
- opaque
- Taille du fichier
- 1,4 Ko
- HTTP
- 200
Onglet épinglé Safari (mask-icon)
Facultatif<link rel="mask-icon" href="…" color="…"> – introuvable
Héritage. Safari 12 et suivants utilisent le favicon habituel : elle n'est plus nécessaire.
Fichier manifeste d'application web
1 avertissementsite.webmanifest
Avertissement<link rel="manifest" href="/site.webmanifest" crossorigin="use-credentials">
- HTTP
- 200
- Content-Type
- application/octet-stream
- JSON
- valide
- Taille du fichier
- 180 o
- Même origine
- oui
- Cache
- 0 s
Servez le manifeste avec le type application/manifest+json.
Champs du manifeste
2 réussis · 4 avertissements · 2 manquants · 2 facultatifs- nameAffiché sous l'icône quand le site est installé.non défini
- short_nameUtilisé sur l'écran d'accueil quand name est trop long.non défini
- start_urlLa page qui s'ouvre au lancement de l'application installée.non défini
- displayVaut « browser » par défaut, ce qui n'est pas installable.non défini
- theme_colorColore la barre de titre de l'application installée.non défini
- background_colorL'arrière-plan de l'écran de démarrage.non défini
- icons · 192×192PNG · 1,4 Ko · 200
- icons · 512×512PNG · 3,7 Ko · 200
- icons · purpose: maskableSans elle, Android réduit votre icône sur un cercle blanc.introuvable
- idnon défini
Recherche Google
6 réussis- Format de fichier pris en chargePNG · apple-touch-icon.png
- Carré, au moins 8×8 px180×180
- Plus de 48×48 px180 px
- Déclaré sur la page d'accueiloui
- Non bloqué par robots.txtautorisé
- URL stableaucune redirection
Méta et héritage
1 réussi · 3 facultatifs- theme-color#ffffff
- theme-color pour le mode sombremedia="(prefers-color-scheme: dark)"non défini
- msapplication-TileColorTuiles Windows, héritage.non défini
- browserconfig.xmlTuiles Windows, héritage.introuvable
Diffusion et performances
5 réussis · 2 avertissements- HTTPS pour chaque icône6 sur 6
- Aucun contenu mixte0 lien http://
- Aucun lien cassé0 erreur
- En-têtes de cacheLes icônes changent rarement : mettez-les en cache au moins un jour.0 sur 6 · ≥ 1 jour
- Poids total des icônes37,3 Ko
- Redirections/favicon.ico → /favicon/favicon.ico1
- Balises en doubleaucun
Balises d'icône trouvées dans <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">
Questions sur le favicon de netlify.com
Où se trouve le favicon de netlify.com ?
Le principal est à l'adresse https://www.netlify.com/favicon/icon.svg. Le chemin par défaut, https://www.netlify.com/favicon.ico, renvoie aussi une icône.
Quelle est la taille du favicon de netlify.com ?
icon.svg est un fichier vectoriel : il s'adapte à toutes les tailles. La plus grande icône raster du site est icon-512.png, en 512×512 px.
Google Search peut-il afficher le favicon de netlify.com ?
Le site respecte les règles de Google : apple-touch-icon.png est un fichier PNG de 180×180 (1,4 Ko) et robots.txt l'autorise. C'est Google qui décide au final de ce qu'il affiche.
netlify.com a-t-il une Apple touch icon et une icône maskable ?
L'Apple touch icon mesure 180×180. Le manifeste n'a pas d'icône maskable : Android réduit l'icône standard et la place sur un cercle blanc.