Browser-Tab · hellBestanden
Favicon von europa.eu
- 14bestanden
- 2Warnungen
- 2fehlen
- 5optional
Das Haupt-Favicon von europa.eu ist favicon.svg, eine SVG-Datei mit 1,7 KB. Wir haben 3 Icon-Dateien gefunden, insgesamt 8,3 KB. Die Google-Suche kann favicon.png verwenden, eine PNG-Datei mit 180×180 px (2,3 KB). Die Website erreicht 75 von 100 Punkten: 14 bestanden, 2 Warnungen, 2 fehlen. Fehlend: favicon.ico, 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.
European Unionhttps://european-union.europa.eu
Google-SucheBestanden
European Union
iOS-Home-BildschirmWarnung
iOS füllt transparente Bereiche mit Schwarz. Geben Sie dem Icon einen deckenden Hintergrund.
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 europa.eu
3 gefunden| Datei | Gefunden über | Format | Größe | Dateigröße |
|---|---|---|---|---|
| favicon.ico | rel="icon" | ICO | 32 px | 4,2 KB |
| favicon.svg | rel="icon" | SVG | Vektor | 1,7 KB |
| favicon.png | rel="apple-touch-icon" | PNG | 180×180 | 2,3 KB |
Klassisches Favicon
1 bestanden · 1 fehltico
favicon.ico
FehltGET /favicon.ico – nicht gefunden
- HTTP
- 404
Browser, RSS-Reader und viele Crawler fragen /favicon.ico ab, auch wenn das HTML andere Icons deklariert. Die Datei liefert HTTP 404.
ICO
Bestanden<link rel="icon" href="/themes/contrib/oe_theme/images/favicons/eu/favicon.ico" type="image/vnd.microsoft.icon">
- Deklariert
- keine Größen
- Tatsächlich
- 32
- Format
- ICO
- Dateigröße
- 4,2 KB
- HTTP
- 200
- Content-Type
- image/vnd.microsoft.icon
SVG-Icon
1 bestandenSVG-Favicon
Bestanden<link rel="icon" href="/themes/contrib/oe_theme/images/favicons/eu/favicon.svg" type="image/svg+xml">
- Quadratisches viewBox
- ja
- Dark Mode
- nein
- Skripte
- keine
- Dateigröße
- 1,7 KB
- HTTP
- 200
- Content-Type
- image/svg+xml
Fügen Sie im SVG eine prefers-color-scheme-Media-Query hinzu, um die Farben für dunkle Browser-Themes umzuschalten.
Apple
1 Warnung · 1 optionalApple Touch Icon
Warnung<link rel="apple-touch-icon" href="/themes/contrib/oe_theme/images/favicons/eu/favicon.png">
- Deklariert
- keine Größen
- Tatsächlich
- 180×180
- Empfohlen
- 180×180
- Hintergrund
- transparent
- Dateigröße
- 2,3 KB
- HTTP
- 200
iOS füllt transparente Bereiche mit Schwarz. Geben Sie dem Icon einen deckenden Hintergrund.
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
6 bestanden- Unterstütztes DateiformatPNG · favicon.png
- Quadratisch, mindestens 8×8 px180×180
- Größer als 48×48 px180 px
- Auf der Startseite deklariertja
- Nicht durch robots.txt gesperrterlaubt
- Stabile URLkeine Weiterleitungen
Meta und Legacy
4 optional- theme-colorFärbt die Browser-Oberfläche auf Mobilgeräten.nicht gesetzt
- 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.0 von 3 · ≥ 1 Tag
- Gesamtgröße der Icons8,3 KB
- Weiterleitungen0
- Doppelte Tagskeine
Icon-Tags im <head>
<link rel="icon" href="/themes/contrib/oe_theme/images/favicons/eu/favicon.ico" type="image/vnd.microsoft.icon"> <link rel="icon" href="/themes/contrib/oe_theme/images/favicons/eu/favicon.svg" type="image/svg+xml"> <link rel="apple-touch-icon" href="/themes/contrib/oe_theme/images/favicons/eu/favicon.png">
Fragen zum Favicon von europa.eu
Wo liegt das Favicon von europa.eu?
Das Haupt-Favicon liegt unter https://european-union.europa.eu/themes/contrib/oe_theme/images/favicons/eu/favicon.svg.
Welche Größe hat das Favicon von europa.eu?
favicon.svg ist eine Vektordatei und lässt sich daher auf jede Größe skalieren. Das größte Raster-Icon der Website ist favicon.png mit 180×180 px.
Kann die Google-Suche das Favicon von europa.eu anzeigen?
Die Website erfüllt die Google-Regeln: favicon.png ist eine PNG-Datei mit 180×180 px (2,3 KB), und robots.txt erlaubt den Zugriff. Was Google anzeigt, entscheidet Google selbst.
Hat europa.eu ein Apple Touch Icon und ein maskable Icon?
Das Apple Touch Icon (180×180) hat transparente Bereiche, die iOS schwarz färbt. Es gibt kein lesbares Web-App-Manifest, also auch kein maskable Icon.