Favicon von mashable.com
- 14bestanden
- 7Warnungen
- 9fehlen
- 4optional
Das Haupt-Favicon von mashable.com ist favicon-32x32.jpg, eine WebP-Datei mit 32×32 px (652 B). Wir haben 5 Icon-Dateien gefunden, insgesamt 8,7 KB. Keines der Icons ist für die Google-Suche brauchbar. Die Website erreicht 47 von 100 Punkten: 14 bestanden, 7 Warnungen, 9 fehlen. Fehlend: favicon.ico, JPG 512×512, SVG-Favicon und 6 weitere.
So sieht es aus
Gerendert aus den gefundenen Dateien.
Prüfen Sie, ob das Icon auf einem dunklen Tab sichtbar bleibt.
iOS braucht ein PNG; das hier ist WebP.
Es gibt keine Manifest-Icons, daher verwendet Android einen Screenshot oder einen Buchstaben.
Das Manifest enthält kein 512-px-Icon, daher gibt es weder Installationsdialog noch Startbildschirm.
Alle Favicon-Dateien von mashable.com
5 gefunden| Datei | Gefunden über | Format | Größe | Dateigröße |
|---|---|---|---|---|
| favicon.svg | rel="mask-icon" | SVG | Vektor | 982 B |
| favicon-16x16.jpg | rel="icon" | WebP | 16×16 | 250 B |
| favicon-32x32.jpg | rel="icon" | WebP | 32×32 | 652 B |
| apple-touch-icon.jpg | rel="apple-touch-icon" | WebP | 180×180 | 3,3 KB |
| android-chrome-192x192.jpg | rel="icon" | WebP | 192×192 | 3,6 KB |
Klassisches Favicon
3 Warnungen · 2 fehlenfavicon.ico
FehltGET /favicon.ico – nicht gefunden
- HTTP
- 200
Browser, RSS-Reader und viele Crawler fragen /favicon.ico ab, auch wenn das HTML andere Icons deklariert. Die URL liefert kein Bild (image/x-icon).
WebP 16×16
Warnung<link rel="icon" type="image/jpg" href="/favicons/favicon-16x16.jpg" sizes="16x16">
- Deklariert
- 16×16
- Tatsächlich
- 16×16
- Format
- WebP
- Dateigröße
- 250 B
- HTTP
- 200
- Content-Type
- image/webp
Das Attribut type nennt image/jpg, die Datei ist aber WebP.
WebP 32×32
Warnung<link rel="icon" type="image/jpg" href="/favicons/favicon-32x32.jpg" sizes="32x32">
- Deklariert
- 32×32
- Tatsächlich
- 32×32
- Format
- WebP
- Dateigröße
- 652 B
- HTTP
- 200
- Content-Type
- image/webp
Das Attribut type nennt image/jpg, die Datei ist aber WebP.
WebP 192×192
Warnung<link rel="icon" type="image/jpg" href="/favicons/android-chrome-192x192.jpg" sizes="192x192">
- Deklariert
- 192×192
- Tatsächlich
- 192×192
- Format
- WebP
- Dateigröße
- 3,6 KB
- HTTP
- 200
- Content-Type
- image/webp
Das Attribut type nennt image/jpg, die Datei ist aber WebP.
JPG 512×512
Fehlt<link rel="icon" type="image/jpg" href="/favicons/android-chrome-512x512.jpg" sizes="512x512">
- HTTP
- 404
Die Datei liefert HTTP 404.
SVG-Icon
1 fehltSVG-Favicon
Fehlt<link rel="icon" type="image/svg+xml" href="…"> – nicht gefunden
Ein SVG-Icon bleibt in jeder Größe scharf und kann die Farben für dunkle Browser-Themes umschalten.
Apple
1 bestanden · 1 WarnungApple Touch Icon
Warnung<link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.jpg">
- Deklariert
- 180×180
- Tatsächlich
- 180×180
- Empfohlen
- 180×180
- Hintergrund
- nicht gemessen
- Dateigröße
- 3,3 KB
- HTTP
- 200
iOS braucht ein PNG; das hier ist WebP.
Safari-Pinned-Tab (mask-icon)
Bestanden<link rel="shortcut icon mask-icon" href="/favicons/favicon.svg">
- Farbe
- nicht gesetzt
- Dateigröße
- 982 B
Veraltet. Safari 12+ verwendet das normale Favicon.
Web-App-Manifest
1 bestandenmanifest.json
Bestanden<link rel="manifest" href="/manifest.json" crossorigin="use-credentials">
- HTTP
- 200
- Content-Type
- application/json
- JSON
- gültig
- Dateigröße
- 468 B
- Gleicher Ursprung
- ja
- Cache
- 30 Min.
Manifest-Felder
5 bestanden · 1 Warnung · 3 fehlen · 1 optional- nameMashable
- short_nameMashable
- start_urlDie Seite, die beim Start der installierten App geöffnet wird.nicht gesetzt
- displaystandalone
- theme_color#ffffff
- background_color#ffffff
- icons · 192×192Die Datei liefert HTTP 404.defekt
- icons · 512×512Die Datei liefert HTTP 404.defekt
- icons · purpose: maskableOhne es verkleinert Android Ihr Icon auf einen weißen Kreis.nicht gefunden
- idnicht gesetzt
Google-Suche
1 bestanden · 1 Warnung · 2 fehlen- Unterstütztes DateiformatGoogle nennt BMP, GIF, ICO, PNG, JPEG, PPM und TIFF, also weder SVG noch WebP. Deklarieren Sie zusätzlich ein PNG oder ICO.WebP
- Quadratisch, mindestens 8×8 pxGoogle braucht ein quadratisches Icon (1:1).kein quadratisches Icon
- Größer als 48×48 pxGoogle empfiehlt mehr als 48×48, damit das Icon scharf aussieht. Ein deklariertes PNG mit 96×96 oder das Apple Touch Icon mit 180 px genügt.–
- Auf der Startseite deklariertja
Meta und Legacy
1 bestanden · 3 optional- theme-color#00aeef
- theme-color für den Dark Modemedia="(prefers-color-scheme: dark)"nicht gesetzt
- msapplication-TileColorWindows-Kacheln, veraltet.nicht gesetzt
- browserconfig.xmlWindows-Kacheln, veraltet.nicht gefunden
Auslieferung und Performance
5 bestanden · 1 Warnung · 1 fehlt- HTTPS für jedes Icon5 von 5
- Kein Mixed Content0 http://-Links
- Keine defekten Links/favicons/android-chrome-512x512.jpg, /android-chrome-192x192.png, /android-chrome-512x512.png3 Fehler
- Cache-HeaderIcons ändern sich selten; cachen Sie sie mindestens einen Tag.0 von 5 · ≥ 1 Tag
- Gesamtgröße der Icons8,7 KB
- Weiterleitungen0
- Doppelte Tagskeine
Icon-Tags im <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">
Fragen zum Favicon von mashable.com
Wo liegt das Favicon von mashable.com?
Das Haupt-Favicon liegt unter https://mashable.com/favicons/favicon-32x32.jpg.
Welche Größe hat das Favicon von mashable.com?
Größe von favicon-32x32.jpg: 32×32. Das größte Raster-Icon der Website ist android-chrome-192x192.jpg mit 192×192 px.
Kann die Google-Suche das Favicon von mashable.com anzeigen?
Derzeit nicht: Google braucht ein quadratisches Icon als ICO, PNG, GIF, JPEG oder BMP, das auf der Startseite deklariert ist.
Hat mashable.com ein Apple Touch Icon und ein maskable Icon?
Größe des Apple Touch Icons: 180×180. Das Manifest enthält kein maskable Icon, daher verkleinert Android das normale Icon und setzt es auf einen weißen Kreis.