favicon-checker.com

Favicon de mashable.com

https://mashable.com/ · vérifié le

  • 14réussis
  • 7avertissements
  • 9manquants
  • 4facultatifs

Le favicon principal de mashable.com est favicon-32x32.jpg, un fichier WebP de 32×32 (652 o). Nous avons trouvé 5 fichiers d'icônes, 8,7 Ko au total. Aucune de ses icônes n'est utilisable par Google Search. Le site obtient 47 sur 100 : 14 réussis, 7 avertissements, 9 manquants. Il manque : favicon.ico, JPG 512×512, Favicon SVG et 6 autres.

Aperçus

Générés à partir des fichiers trouvés.

Mashable
Onglet du navigateur · clairRéussi
Mashable
Onglet du navigateur · sombreFacultatif

Vérifiez que l'icône reste visible sur un onglet sombre.

Mashablehttps://mashable.com
Mashable Mashable is a global, multi-platform media and entertainment company.
Recherche GoogleManquant
Mashable
É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 mashable.com

5 trouvés
FichierTrouvé viaFormatDimensionsPoids
favicon.svgrel="mask-icon"SVGvectoriel982 o
favicon-16x16.jpgrel="icon"WebP16×16250 o
favicon-32x32.jpgrel="icon"WebP32×32652 o
apple-touch-icon.jpgrel="apple-touch-icon"WebP180×1803,3 Ko
android-chrome-192x192.jpgrel="icon"WebP192×1923,6 Ko

Favicon classique

3 avertissements · 2 manquants
ico

favicon.ico

Manquant
GET /favicon.ico – introuvable
HTTP
200

Les navigateurs, les lecteurs RSS et de nombreux robots demandent /favicon.ico même quand le HTML déclare d'autres icônes. L'URL ne renvoie pas une image (image/x-icon).

WebP 16×16

Avertissement
<link rel="icon" type="image/jpg" href="/favicons/favicon-16x16.jpg" sizes="16x16">
Déclaré
16×16
Réel
16×16
Format
WebP
Taille du fichier
250 o
HTTP
200
Content-Type
image/webp

L'attribut type indique image/jpg, mais le fichier est au format WebP.

WebP 32×32

Avertissement
<link rel="icon" type="image/jpg" href="/favicons/favicon-32x32.jpg" sizes="32x32">
Déclaré
32×32
Réel
32×32
Format
WebP
Taille du fichier
652 o
HTTP
200
Content-Type
image/webp

L'attribut type indique image/jpg, mais le fichier est au format WebP.

WebP 192×192

Avertissement
<link rel="icon" type="image/jpg" href="/favicons/android-chrome-192x192.jpg" sizes="192x192">
Déclaré
192×192
Réel
192×192
Format
WebP
Taille du fichier
3,6 Ko
HTTP
200
Content-Type
image/webp

L'attribut type indique image/jpg, mais le fichier est au format WebP.

404

JPG 512×512

Manquant
<link rel="icon" type="image/jpg" href="/favicons/android-chrome-512x512.jpg" sizes="512x512">
HTTP
404

Le fichier renvoie HTTP 404.

Icône SVG

1 manquant
svg

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 réussi · 1 avertissement

Apple touch icon

Avertissement
<link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.jpg">
Déclaré
180×180
Réel
180×180
Recommandé
180×180
Arrière-plan
non mesuré
Taille du fichier
3,3 Ko
HTTP
200

iOS exige un PNG ; ce fichier est au format WebP.

Onglet épinglé Safari (mask-icon)

Réussi
<link rel="shortcut icon mask-icon" href="/favicons/favicon.svg">
Couleur
non défini
Taille du fichier
982 o

Héritage. Safari 12 et suivants utilisent le favicon habituel.

Fichier manifeste d'application web

1 réussi
json

manifest.json

Réussi
<link rel="manifest" href="/manifest.json" crossorigin="use-credentials">
HTTP
200
Content-Type
application/json
JSON
valide
Taille du fichier
468 o
Même origine
oui
Cache
30 min

Champs du manifeste

5 réussis · 1 avertissement · 3 manquants · 1 facultatif
  • name
    Mashable
  • short_name
    Mashable
  • start_urlLa page qui s'ouvre au lancement de l'application installée.
    non défini
  • display
    standalone
  • theme_color
    #ffffff
  • background_color
    #ffffff
  • icons · 192×192Le fichier renvoie HTTP 404.
    cassé
  • icons · 512×512Le fichier renvoie HTTP 404.
    cassé
  • icons · purpose: maskableSans elle, Android réduit votre icône sur un cercle blanc.
    introuvable
  • id
    non défini

Recherche Google

1 réussi · 1 avertissement · 2 manquants
  • Format de fichier pris en chargeGoogle cite BMP, GIF, ICO, PNG, JPEG, PPM et TIFF, ce qui exclut SVG et WebP. Déclarez aussi un PNG ou un ICO.
    WebP
  • Carré, au moins 8×8 pxGoogle exige une icône carrée (1:1).
    aucune icône carrée
  • 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.
    –
  • Déclaré sur la page d'accueil
    oui

Méta et héritage

1 réussi · 3 facultatifs
  • theme-color
    #00aeef
  • 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 · 1 avertissement · 1 manquant
  • HTTPS pour chaque icône
    5 sur 5
  • Aucun contenu mixte
    0 lien http://
  • Aucun lien cassé/favicons/android-chrome-512x512.jpg, /android-chrome-192x192.png, /android-chrome-512x512.png
    3 erreurs
  • En-têtes de cacheLes icônes changent rarement : mettez-les en cache au moins un jour.
    0 sur 5 · ≥ 1 jour
  • Poids total des icônes
    8,7 Ko
  • Redirections
    0
  • Balises en double
    aucun

Balises d'icône trouvées dans <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">

Questions sur le favicon de mashable.com

Où se trouve le favicon de mashable.com ?

Le principal est à l'adresse https://mashable.com/favicons/favicon-32x32.jpg.

Quelle est la taille du favicon de mashable.com ?

favicon-32x32.jpg mesure 32×32. La plus grande icône raster du site est android-chrome-192x192.jpg, en 192×192 px.

Google Search peut-il afficher le favicon de mashable.com ?

Pas en l'état : Google exige une icône carrée au format ICO, PNG, GIF, JPEG ou BMP, déclarée sur la page d'accueil.

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

Autres rapports de favicon

Tous les sites vérifiés