Onglet du navigateur · clairRéussi
Favicon de heroku.com
- 14réussis
- 4avertissements
- 2manquants
- 4facultatifs
Le favicon principal de heroku.com est apple-touch-icon-180x180-1.png, un fichier WebP de 32×32 (616 o). Nous avons trouvé 3 fichiers d'icônes, 8,7 Ko au total. Google Search peut utiliser favicon.ico, un fichier ICO contenant des images de 16 px (198 o). Le site obtient 80 sur 100 : 14 réussis, 4 avertissements, 2 manquants. Il manque : Favicon SVG, Manifeste d'application web.
Aperçus
Générés à partir des fichiers trouvés.
Onglet du navigateur · sombreFacultatif
Vérifiez que l'icône reste visible sur un onglet sombre.
Herokuhttps://www.heroku.com
Recherche GoogleAvertissement
Heroku
Écran d'accueil iOSAvertissement
iOS exige un PNG ; ce fichier est au format WebP.
512
Android · maskableManquant
Le manifeste ne contient aucune icône : Android utilise une capture d'écran ou une lettre.
splash
Installation et écran de démarrage PWAManquant
Le manifeste n'a pas d'icône de 512 px : il n'y a donc ni invite d'installation ni écran de démarrage.
Tous les fichiers favicon de heroku.com
3 trouvés| Fichier | Trouvé via | Format | Dimensions | Poids |
|---|---|---|---|---|
| favicon.ico | chemin par défaut | ICO | 16 px | 198 o |
| apple-touch-icon-180x180-1.png | rel="icon" | WebP | 32×32 | 616 o |
| apple-touch-icon-180x180-1.png | rel="icon" · rel="apple-touch-icon" | WebP | 180×180 | 7,9 Ko |
Favicon classique
2 réussis · 1 avertissementfavicon.ico
RéussiGET /favicon.ico · non déclaré dans le HTML (trouvé à la racine)
- Format
- ICO (réel)
- Contient
- 16
- Taille du fichier
- 198 o
- HTTP
- 200
- Content-Type
- image/x-icon
- Cache
- 4 heures
WebP 32×32
Réussi<link rel="icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=32" sizes="32x32">
- Déclaré
- 32×32
- Réel
- 32×32
- Format
- WebP
- Taille du fichier
- 616 o
- HTTP
- 200
- Content-Type
- image/webp
WebP 192×192
Avertissement<link rel="icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=180" sizes="192x192">
- Déclaré
- 192×192
- Réel
- 180×180
- Format
- WebP
- Taille du fichier
- 7,9 Ko
- HTTP
- 200
- Content-Type
- image/webp
La taille déclarée ne correspond pas au fichier. Les navigateurs risquent de choisir la mauvaise icône pour les petits onglets.
Icône SVG
1 manquantsvg
Favicon SVG
Manquant<link rel="icon" type="image/svg+xml" href="…"> – introuvable
Une icône SVG reste nette à toutes les tailles et peut changer de couleurs avec les thèmes sombres du navigateur.
Apple
1 avertissement · 1 facultatifApple touch icon
Avertissement<link rel="apple-touch-icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=180">
- Déclaré
- sans sizes
- Réel
- 180×180
- Recommandé
- 180×180
- Arrière-plan
- non mesuré
- Taille du fichier
- 7,9 Ko
- HTTP
- 200
iOS exige un PNG ; ce fichier est au format WebP.
mask
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 manquantjson
Manifeste d'application web
Manquant<link rel="manifest" href="…"> – introuvable
Android et les applications web installables tirent leurs icônes, leur nom et leurs couleurs du manifeste.
Recherche Google
5 réussis · 1 avertissement- Format de fichier pris en chargeICO · favicon.ico
- Carré, au moins 8×8 px16×16
- Plus de 48×48 pxGoogle recommande plus de 48×48 pour que l'icône reste nette. Un PNG de 96×96 déclaré ou l'Apple touch icon de 180 px conviennent.16 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#5A1BA9
- 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
6 réussis · 1 avertissement- HTTPS pour chaque icône3 sur 3
- 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.2 sur 3 · ≥ 1 jour
- Poids total des icônes8,7 Ko
- Redirections0
- Balises en doubleaucun
Balises d'icône trouvées dans <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">
Questions sur le favicon de heroku.com
Où se trouve le favicon de heroku.com ?
Le principal est à l'adresse https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=32. Le chemin par défaut, https://www.heroku.com/favicon.ico, renvoie aussi une icône.
Quelle est la taille du favicon de heroku.com ?
apple-touch-icon-180x180-1.png mesure 32×32. La plus grande icône raster du site est apple-touch-icon-180x180-1.png, en 180×180 px.
Google Search peut-il afficher le favicon de heroku.com ?
Le site respecte les règles de Google : favicon.ico est un fichier ICO contenant des images de 16 px (198 o) et robots.txt l'autorise. Google recommande plus de 48×48 px : une icône plus grande serait plus nette. C'est Google qui décide au final de ce qu'il affiche.
heroku.com a-t-il une Apple touch icon et une icône maskable ?
L'Apple touch icon mesure 180×180. Il n'y a pas de manifeste d'application web lisible, donc pas d'icône maskable non plus.