favicon-checker.com

Favicon von netlify.com

https://www.netlify.com/ · 1 Weiterleitung · geprüft am

  • 17bestanden
  • 8Warnungen
  • 2fehlen
  • 6optional

Das Haupt-Favicon von netlify.com ist icon.svg, eine SVG-Datei mit 1,3 KB. Wir haben 6 Icon-Dateien gefunden, insgesamt 37,3 KB. Die Google-Suche kann apple-touch-icon.png verwenden, eine PNG-Datei mit 180×180 px (1,4 KB). Die Website erreicht 78 von 100 Punkten: 17 bestanden, 8 Warnungen, 2 fehlen. Fehlend: name, Maskable Manifest-Icon.

So sieht es aus

Gerendert aus den gefundenen Dateien.

Push your ideas to the web | Netlify
Browser-Tab · hellBestanden
Push your ideas to the web | Netlify
Browser-Tab · dunkelBestanden

Das SVG schaltet für dunkle Themes die Farben um.

Netlifyhttps://www.netlify.com
Push your ideas to the web | Netlify Create with AI or code, deploy instantly on production infrastructure. One platform to build and ship.
Google-SucheBestanden
Netlify
iOS-Home-BildschirmBestanden
Android · maskableFehlt

Es gibt kein maskable Icon, daher verkleinert Android das normale Icon und setzt es auf einen weißen Kreis.

PWA-Installation und StartbildschirmBestanden

Alle Favicon-Dateien von netlify.com

6 gefunden
DateiGefunden überFormatGrößeDateigröße
favicon.icoStandardpfadICO16, 32, 48 px14,7 KB
favicon.icorel="icon"ICO16, 32, 48 px14,7 KB
icon.svgrel="icon"SVGVektor1,3 KB
apple-touch-icon.pngrel="apple-touch-icon"PNG180×1801,4 KB
icon-192.pngManifestPNG192×1921,4 KB
icon-512.pngManifestPNG512×5123,7 KB

Klassisches Favicon

1 bestanden · 1 Warnung

favicon.ico

Warnung
GET /favicon.ico · nicht im HTML deklariert (im Stammverzeichnis gefunden)
Format
ICO (echt)
Enthält
16 · 32 · 48
Dateigröße
14,7 KB
HTTP
301 → 200
Content-Type
image/vnd.microsoft.icon
Cache
4 Stunden

Die Icon-URL leitet weiter, und manche Crawler und RSS-Reader folgen bei Icons keinen Weiterleitungen. Liefern Sie die Datei unter ihrer endgültigen URL aus.

ICO 32×32

Bestanden
<link rel="icon" href="/favicon/favicon.ico" sizes="32x32">
Deklariert
32×32
Tatsächlich
16 · 32 · 48
Format
ICO
Dateigröße
14,7 KB
HTTP
200
Content-Type
image/vnd.microsoft.icon

SVG-Icon

1 bestanden

SVG-Favicon

Bestanden
<link rel="icon" href="/favicon/icon.svg" type="image/svg+xml">
Quadratisches viewBox
ja
Dark Mode
ja
Skripte
keine
Dateigröße
1,3 KB
HTTP
200
Content-Type
image/svg+xml

Apple

1 bestanden · 1 optional

Apple Touch Icon

Bestanden
<link rel="apple-touch-icon" href="/favicon/apple-touch-icon.png">
Deklariert
keine Größen
Tatsächlich
180×180
Empfohlen
180×180
Hintergrund
deckend
Dateigröße
1,4 KB
HTTP
200
mask

Safari-Pinned-Tab (mask-icon)

Optional
<link rel="mask-icon" href="…" color="…"> – nicht gefunden

Veraltet. Safari 12+ verwendet das normale Favicon, daher ist es nicht mehr nötig.

Web-App-Manifest

1 Warnung
json

site.webmanifest

Warnung
<link rel="manifest" href="/site.webmanifest" crossorigin="use-credentials">
HTTP
200
Content-Type
application/octet-stream
JSON
gültig
Dateigröße
180 B
Gleicher Ursprung
ja
Cache
0 s

Liefern Sie das Manifest als application/manifest+json aus.

Manifest-Felder

2 bestanden · 4 Warnungen · 2 fehlen · 2 optional
  • nameWird unter dem Icon angezeigt, wenn die Website installiert ist.
    nicht gesetzt
  • short_nameWird auf dem Home-Bildschirm verwendet, wenn name zu lang ist.
    nicht gesetzt
  • start_urlDie Seite, die beim Start der installierten App geöffnet wird.
    nicht gesetzt
  • displayStandardwert ist "browser", und der ist nicht installierbar.
    nicht gesetzt
  • theme_colorFärbt die Titelleiste der installierten App.
    nicht gesetzt
  • background_colorHintergrund des Startbildschirms.
    nicht gesetzt
  • icons · 192×192
    PNG · 1,4 KB · 200
  • icons · 512×512
    PNG · 3,7 KB · 200
  • icons · purpose: maskableOhne es verkleinert Android Ihr Icon auf einen weißen Kreis.
    nicht gefunden
  • id
    nicht gesetzt

Google-Suche

6 bestanden
  • Unterstütztes Dateiformat
    PNG · apple-touch-icon.png
  • Quadratisch, mindestens 8×8 px
    180×180
  • Größer als 48×48 px
    180 px
  • Auf der Startseite deklariert
    ja
  • Nicht durch robots.txt gesperrt
    erlaubt
  • Stabile URL
    keine Weiterleitungen

Meta und Legacy

1 bestanden · 3 optional
  • theme-color
    #ffffff
  • 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 · 2 Warnungen
  • HTTPS für jedes Icon
    6 von 6
  • Kein Mixed Content
    0 http://-Links
  • Keine defekten Links
    0 Fehler
  • Cache-HeaderIcons ändern sich selten; cachen Sie sie mindestens einen Tag.
    0 von 6 · ≥ 1 Tag
  • Gesamtgröße der Icons
    37,3 KB
  • Weiterleitungen/favicon.ico → /favicon/favicon.ico
    1
  • Doppelte Tags
    keine

Icon-Tags im <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">

Fragen zum Favicon von netlify.com

Wo liegt das Favicon von netlify.com?

Das Haupt-Favicon liegt unter https://www.netlify.com/favicon/icon.svg. Auch der Standardpfad https://www.netlify.com/favicon.ico liefert ein Icon.

Welche Größe hat das Favicon von netlify.com?

icon.svg ist eine Vektordatei und lässt sich daher auf jede Größe skalieren. Das größte Raster-Icon der Website ist icon-512.png mit 512×512 px.

Kann die Google-Suche das Favicon von netlify.com anzeigen?

Die Website erfüllt die Google-Regeln: apple-touch-icon.png ist eine PNG-Datei mit 180×180 px (1,4 KB), und robots.txt erlaubt den Zugriff. Was Google anzeigt, entscheidet Google selbst.

Hat netlify.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