Favicon & PWA Audit

Favicon & Web App Icon Prüfer

Überprüfen Sie Favicons, SVG-Vektor-Icons, Apple Touch Icons und Web App Manifeste.

Dieses Tool auf Ihrer Website einbinden

Binden Sie das vollständige interaktive Tool per <iframe> oder <script> in Ihren Blog oder Ihre Dokumentation ein.

Kostenlos & Iframe-bereit

<iframe src="https://aivisibilitycheck.io/de/tools/favicon-checker/?embed=true" width="100%" height="720" frameborder="0" style="border:1px solid #e5e7eb; border-radius:12px; max-width:100%; box-shadow:0 1px 3px rgba(0,0,0,0.05);"></iframe>
<div style="font-size:12px; text-align:right; margin-top:6px; color:#6b7280; font-family:system-ui,sans-serif;">
  Powered by <a href="https://aivisibilitycheck.io/de/tools/favicon-checker/" target="_blank" rel="noopener" style="color:#0284c7; text-decoration:none; font-weight:500;">AI Visibility Check</a>
</div>

technischer leitfaden & best practices

Moderne Favicon- und App-Icon-Standards für Google SERP und PWAs

Favicons werden prominent in den Google Desktop- und Mobil-Suchergebnissen angezeigt. Fehlende Vektor-Icons oder Apple Touch Icons schwächen die Klickrate (CTR).

Empfohlene Best Practices

✓Ein modernes SVG-Vektor-Favicon bereitstellen für scharfe Darstellung auf hochauflösenden Retina-Displays.

✓Ein 180x180 PNG Apple Touch Icon für iOS-Homescreens hinterlegen.

✓Ein site.webmanifest mit 192x192 und 512x512 Icons für Android und PWA-Installierbarkeit einbinden.

✓Ein 32x32 /favicon.ico im Stammverzeichnis für ältere Browser beibehalten.

häufige fragen

Fragen & Antworten

Welche Favicon-Größe nutzt Google in den Suchergebnissen?

Google empfiehlt ein Vielfaches von 48x48 Pixeln (z. B. 48x48, 96x96, 192x192) oder eine SVG-Vektorgrafik im 1:1-Format.

Wie funktionieren Dark-Mode adaptive Favicons?

SVG-Favicons können CSS Media Queries enthalten und passen ihre Farben im Dark Mode des Browsers automatisch an.