Anleitungen
Schritt-für-Schritt-Favicon-Leitfäden für jede Größe, jedes Format und jede Plattform — mit kostenlosen Tools zum Erzeugen und Einbinden Ihrer Icons.
Erste Schritte
Favicons aus beliebigen Quellbildern erstellen, konvertieren und in der Vorschau ansehen.
PNG in Favicon konvertieren
Wandeln Sie jedes PNG in Sekunden in ein Mehrgrößen-favicon.ico um. Kostenlos, im Browser, ohne Anmeldung.
LesenSo erstellen Sie ein Favicon
Professionelles Favicon aus jedem Bild in unter einer Minute. Abdeckung von .ico, PNG, SVG und apple-touch-icon.
LesenTransparenter Favicon-Generator
Erzeugen Sie ein Favicon mit transparentem Hintergrund. Funktioniert im Dark Mode und bei jedem Browser-Theme.
LesenFavicon-Vorschau-Tool
Vorschau Ihres Favicons in jeder Größe und auf gängigen Browser-Themes, bevor Sie es veröffentlichen.
LesenApp-Icon-Generator
Erzeugen Sie alle benötigten App-Icon-Größen für iOS, Android, Windows und macOS aus einem Quellbild.
Lesen
Favicon-Größen
Jede Standardauflösung — von 16×16-Tabs bis zu 512×512-PWA-Icons.
16×16 Favicon-Generator
Erstellen Sie ein scharfes 16×16-Favicon in Sekunden. Kostenloser Generator, keine Anmeldung, Verarbeitung vollständig im Browser.
Lesen32×32 Favicon-Generator
Erstellen Sie ein scharfes 32×32-Favicon in Sekunden. Kostenloser Generator, keine Anmeldung, Verarbeitung vollständig im Browser.
Lesen48×48 Favicon-Generator
Erstellen Sie ein scharfes 48×48-Favicon in Sekunden. Kostenloser Generator, keine Anmeldung, Verarbeitung vollständig im Browser.
Lesen64×64 Favicon-Generator
Erstellen Sie ein scharfes 64×64-Favicon in Sekunden. Kostenloser Generator, keine Anmeldung, Verarbeitung vollständig im Browser.
Lesen128×128 Favicon-Generator
Erstellen Sie ein scharfes 128×128-Favicon in Sekunden. Kostenloser Generator, keine Anmeldung, Verarbeitung vollständig im Browser.
Lesen256×256 Favicon-Generator
Erstellen Sie ein scharfes 256×256-Favicon in Sekunden. Kostenloser Generator, keine Anmeldung, Verarbeitung vollständig im Browser.
LesenFavicon-Größen erklärt
Verstehen Sie 16, 32, 48, 64, 128, 180, 192 und 512 px: wo jede Größe verwendet wird und welche Sie ausliefern sollten.
LesenBeste Favicon-Größe 2026
Welche Favicon-Größe sollten Sie erzeugen? Praktische Übersicht zu 16, 32, 48, 180, 192 und 512 px und deren Einsatz.
Lesen
Formate im Vergleich
ICO vs PNG vs SVG — wann welches Format und wie man sie kombiniert.
Das beste Favicon-Format 2026
Welches Favicon-Format sollten Sie nutzen? Vergleich von ICO, PNG und SVG bei Browser-Support, Dateigröße und Schärfe.
LesenFavicon (.ico) vs PNG
Direktvergleich von .ico- und PNG-Favicons: Mehrgrößen-Support, Dateigröße, Browser-Kompatibilität und Dark Mode.
LesenFavicon (.ico) vs SVG
Vergleich von .ico- und SVG-Favicons: Browser-Support, Dark Mode, Dateigröße und Skalierbarkeit.
LesenICO vs PNG
Detaillierter Vergleich von ICO und PNG für Icons, Favicons und Windows-Verknüpfungen. Anwendungsfälle, Größe, Kompatibilität.
Lesen
Plattformen & Frameworks
Favicon zu WordPress, Shopify, React, Next.js und mehr hinzufügen.
Favicon für WordPress
Schritt-für-Schritt-Anleitung zum Hinzufügen eines Favicons zu jeder WordPress-Site — per Customizer, Theme oder Plugin. Kein Code nötig.
LesenFavicon für Shopify
Fügen Sie Ihrem Shopify-Shop in Minuten ein eigenes Favicon hinzu — über den Theme-Editor, ohne Entwickler.
LesenFavicon für React
Favicon zu jeder React-App mit Vite oder Create React App hinzufügen. Mehrgrößen- und Dark-Mode-SVG-Setup.
LesenFavicon für Next.js
Favicon zu einem Next.js-14+-App-Router-Projekt hinzufügen. Dateibasierte Icon-Konvention und Mehrgrößen-Setup.
LesenFavicon für Webflow
Laden Sie ein Favicon für jede Webflow-Site in den Projekteinstellungen hoch. Größen, Formate und Cache-Tipps.
LesenFavicon für Wix
Favicon Ihrer Wix-Site im Dashboard hinzufügen oder ändern. Empfohlene Größen und Formate für Wix-Websites.
Lesen
HTML & PWA
Link-Tags, apple-touch-icon und Web-App-Manifest einrichten.
Apple-Touch-Icon-Leitfaden
Erstellen und verknüpfen Sie apple-touch-icon.png für iPhone und iPad. Größe, Format, HTML-Tag und Caching.
LesenWeb-App-Manifest-Leitfaden
Schreiben Sie ein Web-App-Manifest mit 192×192- und 512×512-Icons, Theme-Farbe und Install-Metadaten für Android und Chromium.
LesenFavicon-HTML-Generator
Erzeugen Sie die exakten <link>-Tags für Ihr <head> — perfektes Favicon-Setup in jedem Browser.
LesenFavicon in HTML hinzufügen
Die exakten <link>-Tags für Ihr <head> — perfektes Favicon-Setup inkl. PWA und apple-touch-icon.
Lesen
Windows-Icons
Mehrgrößen-.ico-Dateien für Verknüpfungen, Explorer und Installer.
Bild-Utilities
Bilder vor dem Veröffentlichen von Icons skalieren, optimieren und prüfen.
Social-Media-Icon-Skalierer
Skalieren Sie Ihr Logo auf die exakte Profilbildgröße für Twitter/X, Facebook, Instagram, LinkedIn, YouTube und mehr.
LesenBildabmessungs-Prüfer
Prüfen Sie sofort Breite, Höhe, DPI, Farbprofil und Seitenverhältnis jedes Bildes. Kein Upload — läuft im Browser.
LesenSVG-Optimierer
Optimieren Sie SVG-Dateien im Browser. Entfernen Sie Editor-Metadaten und reduzieren Sie die Größe um bis zu 80 %.
Lesen