Zum Hauptinhalt springen

Favicon — Blog

Favicons erstellen, dimensionieren, testen und debuggen — über Browser, Geräte und Frameworks hinweg.

Apple Touch Icon Größe - Leitfaden (180x180)

Apple Touch Icon Größe für iOS-Homescreen: 180x180 PNG, HTML-Tag, Design-Regeln und Live-URL testen ohne Rätselraten.

Tom Schindler

Favicon unscharf? Pixelierung beheben

Unscharfes Favicon im Browser-Tab oder auf dem Handy? Falsche Größen, hochskalierte Quellen und schlechte Exporte Schritt für Schritt fixen.

Tom Schindler

Favicon wird nicht angezeigt? So behebst du es

Fehlt dein Favicon in Chrome, Firefox oder Safari? Pfade, HTML-Tags, HTTPS und Cache Schritt für Schritt beheben.

Tom Schindler

Chrome Favicon fehlt im Tab? Troubleshooting

Kein Favicon in Chrome-Tabs? Fehlende Icons durch kaputte Pfade, Cache, Extensions und JS-only-Tags Schritt für Schritt beheben.

Tom Schindler

Favicon-Audit-Checkliste für Entwickler (2026)

Developer-Checkliste für Favicon-Audits: HTML-Tags, ICO-Fallback, Apple Touch Icon, Manifest, Cache und Production-URL-Scan.

Tom Schindler

Favicon-Cache erklärt - warum der alte Tab bleibt

Neues Favicon deployed, Tab zeigt noch das alte? So funktioniert Favicon-Cache in Browsern und wie du ihn nach dem Deploy sicher leerst.

Tom Schindler

Was ist ein Favicon Checker? Komplette Anleitung

Ein Favicon Checker scannt deine Live-URL auf icon link tags, favicon.ico, Manifest-Icons und kaputte Pfade. So nutzt du Favicon Check richtig.

Tom Schindler

favicon.ico vs PNG vs SVG - Welches Format wann?

favicon.ico vs PNG vs SVG im Vergleich: Browser-Support, Multi-Size ICO, SVG-Fallbacks und die beste Format-Mischung 2026.

Tom Schindler

Favicon HTML - Copy-Paste Link-Tags

Copy-Paste Favicon-HTML für ICO, PNG, SVG, apple-touch-icon und Web-App-Manifest. Root-relative Pfade und vollständiger head-Block für 2026.

Tom Schindler

Häufige Favicon-Fehler, die deine Marke kaputt machen

Falsche Größen, fehlender Manifest-Link, relative Pfade, unscharfe PNGs - die Favicon-Fehler, die Tabs und Home-Screen unprofessionell wirken lassen.

Tom Schindler

Favicon in Next.js App Router (2026)

Favicons in Next.js 13+ App Router: app/icon.png, Metadata API, favicon.ico und apple-icon. Vor Deploy testen.

Tom Schindler

Favicon wird nicht aktualisiert? Ursachen und Fixes

Neues Favicon hochgeladen, aber der Browser zeigt noch das alte Icon? Cache, CDN, Dateiname und Cache-Busting Schritt für Schritt erklärt.

Tom Schindler

Beste Favicon-Größe für Browser-Tabs (16x16 vs 32x32)

Welche Favicon-Größe für Browser-Tabs? 16x16, 32x32, Multi-Size favicon.ico und Retina-Tabs erklärt - mit HTML zum Kopieren.

Tom Schindler

Favicon in Vite und React SPA (2026)

Favicons in Vite + React: index.html link-Tags, public-Ordner, PWA-Manifest und SPA-Routing-Fallen. Vor Deploy testen.

Tom Schindler

Favicon vs. Open-Graph-Bild - Was du brauchst

Favicon vs. og:image erklärt: andere Größen, Tags und Einsatzorte. Was du für Browser-Tabs vs. Social-Link-Vorschauen brauchst.

Tom Schindler