favicon-checker.com

Favicon von mashable.com

https://mashable.com/ · geprüft am

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

Mashable
Browser-Tab · hellBestanden
Mashable
Browser-Tab · dunkelOptional

Prüfen Sie, ob das Icon auf einem dunklen Tab sichtbar bleibt.

Mashablehttps://mashable.com
Mashable Mashable is a global, multi-platform media and entertainment company.
Google-SucheFehlt
Mashable
iOS-Home-BildschirmWarnung

iOS braucht ein PNG; das hier ist WebP.

512
Android · maskableFehlt

Es gibt keine Manifest-Icons, daher verwendet Android einen Screenshot oder einen Buchstaben.

splash
PWA-Installation und StartbildschirmFehlt

Das Manifest enthält kein 512-px-Icon, daher gibt es weder Installationsdialog noch Startbildschirm.

Alle Favicon-Dateien von mashable.com

5 gefunden
DateiGefunden überFormatGrößeDateigröße
favicon.svgrel="mask-icon"SVGVektor982 B
favicon-16x16.jpgrel="icon"WebP16×16250 B
favicon-32x32.jpgrel="icon"WebP32×32652 B
apple-touch-icon.jpgrel="apple-touch-icon"WebP180×1803,3 KB
android-chrome-192x192.jpgrel="icon"WebP192×1923,6 KB

Klassisches Favicon

3 Warnungen · 2 fehlen
ico

favicon.ico

Fehlt
GET /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.

404

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 fehlt
svg

SVG-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 Warnung

Apple 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 bestanden
json

manifest.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
  • name
    Mashable
  • short_name
    Mashable
  • start_urlDie Seite, die beim Start der installierten App geöffnet wird.
    nicht gesetzt
  • display
    standalone
  • 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
  • id
    nicht 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 deklariert
    ja

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 Icon
    5 von 5
  • Kein Mixed Content
    0 http://-Links
  • Keine defekten Links/favicons/android-chrome-512x512.jpg, /android-chrome-192x192.png, /android-chrome-512x512.png
    3 Fehler
  • Cache-HeaderIcons ändern sich selten; cachen Sie sie mindestens einen Tag.
    0 von 5 · ≥ 1 Tag
  • Gesamtgröße der Icons
    8,7 KB
  • Weiterleitungen
    0
  • Doppelte Tags
    keine

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.

Weitere Favicon-Berichte

Alle geprüften Websites