Browser-Tab · hellBestanden
Favicon von heroku.com
- 14bestanden
- 4Warnungen
- 2fehlen
- 4optional
Das Haupt-Favicon von heroku.com ist apple-touch-icon-180x180-1.png, eine WebP-Datei mit 32×32 px (616 B). Wir haben 3 Icon-Dateien gefunden, insgesamt 8,7 KB. Die Google-Suche kann favicon.ico verwenden, eine ICO-Datei mit Bildern in 16 px (198 B). Die Website erreicht 80 von 100 Punkten: 14 bestanden, 4 Warnungen, 2 fehlen. Fehlend: SVG-Favicon, Web-App-Manifest.
So sieht es aus
Gerendert aus den gefundenen Dateien.
Browser-Tab · dunkelOptional
Prüfen Sie, ob das Icon auf einem dunklen Tab sichtbar bleibt.
Herokuhttps://www.heroku.com
Google-SucheWarnung
Heroku
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 heroku.com
3 gefunden| Datei | Gefunden über | Format | Größe | Dateigröße |
|---|---|---|---|---|
| favicon.ico | Standardpfad | ICO | 16 px | 198 B |
| apple-touch-icon-180x180-1.png | rel="icon" | WebP | 32×32 | 616 B |
| apple-touch-icon-180x180-1.png | rel="icon" · rel="apple-touch-icon" | WebP | 180×180 | 7,9 KB |
Klassisches Favicon
2 bestanden · 1 Warnungfavicon.ico
BestandenGET /favicon.ico · nicht im HTML deklariert (im Stammverzeichnis gefunden)
- Format
- ICO (echt)
- Enthält
- 16
- Dateigröße
- 198 B
- HTTP
- 200
- Content-Type
- image/x-icon
- Cache
- 4 Stunden
WebP 32×32
Bestanden<link rel="icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=32" sizes="32x32">
- Deklariert
- 32×32
- Tatsächlich
- 32×32
- Format
- WebP
- Dateigröße
- 616 B
- HTTP
- 200
- Content-Type
- image/webp
WebP 192×192
Warnung<link rel="icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=180" sizes="192x192">
- Deklariert
- 192×192
- Tatsächlich
- 180×180
- Format
- WebP
- Dateigröße
- 7,9 KB
- HTTP
- 200
- Content-Type
- image/webp
Die deklarierte Größe passt nicht zur Datei. Browser wählen für kleine Tabs möglicherweise das falsche Icon.
SVG-Icon
1 fehltsvg
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 Warnung · 1 optionalApple Touch Icon
Warnung<link rel="apple-touch-icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=180">
- Deklariert
- keine Größen
- Tatsächlich
- 180×180
- Empfohlen
- 180×180
- Hintergrund
- nicht gemessen
- Dateigröße
- 7,9 KB
- HTTP
- 200
iOS braucht ein PNG; das hier ist WebP.
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 fehltjson
Web-App-Manifest
Fehlt<link rel="manifest" href="…"> – nicht gefunden
Android und installierbare Web-Apps beziehen Icons, Namen und Farben aus dem Manifest.
Google-Suche
5 bestanden · 1 Warnung- Unterstütztes DateiformatICO · favicon.ico
- Quadratisch, mindestens 8×8 px16×16
- 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.16 px
- Auf der Startseite deklariertja
- Nicht durch robots.txt gesperrterlaubt
- Stabile URLkeine Weiterleitungen
Meta und Legacy
1 bestanden · 3 optional- theme-color#5A1BA9
- 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
6 bestanden · 1 Warnung- HTTPS für jedes Icon3 von 3
- Kein Mixed Content0 http://-Links
- Keine defekten Links0 Fehler
- Cache-HeaderIcons ändern sich selten; cachen Sie sie mindestens einen Tag.2 von 3 · ≥ 1 Tag
- Gesamtgröße der Icons8,7 KB
- Weiterleitungen0
- Doppelte Tagskeine
Icon-Tags im <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">
Fragen zum Favicon von heroku.com
Wo liegt das Favicon von heroku.com?
Das Haupt-Favicon liegt unter https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=32. Auch der Standardpfad https://www.heroku.com/favicon.ico liefert ein Icon.
Welche Größe hat das Favicon von heroku.com?
Größe von apple-touch-icon-180x180-1.png: 32×32. Das größte Raster-Icon der Website ist apple-touch-icon-180x180-1.png mit 180×180 px.
Kann die Google-Suche das Favicon von heroku.com anzeigen?
Die Website erfüllt die Google-Regeln: favicon.ico ist eine ICO-Datei mit Bildern in 16 px (198 B), und robots.txt erlaubt den Zugriff. Google empfiehlt mehr als 48×48 px, ein größeres Icon würde also schärfer aussehen. Was Google anzeigt, entscheidet Google selbst.
Hat heroku.com ein Apple Touch Icon und ein maskable Icon?
Größe des Apple Touch Icons: 180×180. Es gibt kein lesbares Web-App-Manifest, also auch kein maskable Icon.