Kostenloser Favicon-Generator

Der Favicon Generator ist ein kostenloses Online-Tool, das aus einem einzigen Quellbild Favicons in allen erforderlichen Größen für deine Website erstellt.

Ja, er ist völlig kostenlos und erfordert keine Registrierung. Die gesamte Generierung erfolgt clientseitig in deinem Browser.

Der Favicon Generator erstellt alle Standardgrößen, darunter 16x16, 32x32, 48x48, 180x180 für Apple Touch und 192x192 für Android.

Absolut. Der Favicon Generator verarbeitet alles clientseitig in deinem Browser. Es werden keine Daten auf einen Server hochgeladen oder dort gespeichert. Deine Inhalte bleiben jederzeit privat auf deinem Gerät.

Ja, der Favicon Generator ist vollständig responsiv und funktioniert auf Smartphones und Tablets. Du kannst ihn auf jedem Gerät mit einem modernen Webbrowser nutzen – ohne App-Download.

Es ist kein Konto und keine Registrierung erforderlich. Öffne einfach den Favicon Generator in deinem Browser und beginne sofort mit der Nutzung. Es gibt keine Anmeldebarrieren oder Nutzungsbeschränkungen.

Der Favicon Generator unterstützt gängige Bildformate wie PNG, JPG/JPEG, WebP und GIF. Einige Funktionen unterstützen je nach Tool auch SVG und BMP.

Gib einfach deine Eingabe in das vorgesehene Feld ein, passe die Einstellungen nach Wunsch an, und das Tool verarbeitet sie sofort. Anschließend kannst du das Ergebnis in die Zwischenablage kopieren oder herunterladen.

Der Favicon Generator funktioniert in allen modernen Browsern, darunter Chrome, Firefox, Safari, Edge und Opera. Für das beste Erlebnis verwende die neueste Version deines bevorzugten Browsers.

Ein maskierbares Icon ist eine spezielle Favicon-Variante für Progressive Web Apps, die Android je nach Launcher des Telefons in einen Kreis, ein abgerundetes Quadrat oder eine Squircle-Form zuschneiden kann. Normale Icons füllen das komplette Quadrat aus, sodass eine adaptive Maske ihre Ecken abschneidet und das Logo beschneidet. Maskierbare Icons lösen das, indem das wichtige Motiv innerhalb einer zentralen Sicherheitszone mit zusätzlichem Rand-Padding bleibt, sodass dein Zeichen unabhängig von der zugeschnittenen Form vollständig sichtbar bleibt. Dieser Generator erzeugt maskierbare PNGs in 192x192 und 512x512 mit einem eingebauten Sicherheitsabstand von 20 %, zusätzlich zu den Standard-Icons, und referenziert sie im site.webmanifest mit dem Zweck "maskable". Erstelle dein Icon, und die maskierbaren Versionen werden automatisch mit erzeugt, damit deine installierte App auf jedem Android-Gerät korrekt aussieht.

Eine favicon.ico ist ein klassisches Containerformat, das mehrere kleine Bitmaps (etwa 16x16 und 32x32) in einer Datei bündeln kann, und Browser fragen standardmäßig immer noch /favicon.ico an, weshalb sie als Fallback nützlich bleibt. PNG-Icons sind Bitmaps mit einer festen Auflösung, die du für bestimmte Größen deklarierst, etwa 32x32 für Tabs, 180x180 für Apple Touch sowie 192x192 oder 512x512 für Android und PWAs. Ein SVG-Favicon ist vektorbasiert, skaliert also auf jede Größe ohne Unschärfe und kann sich an den hellen oder dunklen Modus anpassen, wird aber von älteren Browsern ignoriert. Die moderne Best Practice ist, alle drei gemeinsam auszuliefern: SVG für scharfe Skalierung, PNGs für plattformspezifische Anforderungen und eine ICO für Kompatibilität. Dieses Tool erstellt die mehrstufige favicon.ico, das SVG und jedes PNG aus einer einzigen Quelle in einem Durchgang.

Wenn du einem Browser ein einziges großes Bild übergibst und es auf 16 Pixel schrumpfen lässt, mittelt der Skalierungsalgorithmus Pixel zusammen, und feine Details, dünne Linien und kleiner Text werden zu Brei. Verschiedene Plattformen erwarten außerdem eigens dafür angelegte Größen für unterschiedliche Aufgaben: ein 180x180 großes Apple Touch Icon für den iOS-Home-Bildschirm, ein 512x512 für den Android-Installationsdialog und Windows-Kachelgrößen für angeheftete Startmenü-Kacheln. Ein Favicon, das in seiner exakten Zielauflösung gerendert wurde, bleibt in einem überfüllten Tab, einer Lesezeichenliste oder einem mobilen Suchergebnis scharf und erkennbar. Maskierbare Varianten brauchen zusätzlich ihren eigenen Sicherheitsabstand, damit adaptive Masken sie nicht beschneiden. Dieser Generator rendert jede Größe einzeln in voller Qualität, statt ein Bild hochzuskalieren, und erzeugt so ein komplettes Paket, das in jedem Kontext gestochen scharf aussieht.

Die site.webmanifest ist eine kleine JSON-Datei, die Browsern mitteilt, wie sich deine Seite verhält, wenn sie als Progressive Web App installiert wird. Sie listet deine Icon-Dateien und deren Größen, den Namen und Kurznamen der App, eine Theme-Farbe, eine Hintergrundfarbe und den Anzeigemodus auf. Browser lesen sie aus, um das richtige Icon auf dem Android-Home-Bildschirm anzuzeigen, den PWA-Installationsdialog zu steuern und die Farbe der Werkzeugleiste festzulegen. Sie ergänzt die HTML-<link>-Tags im Kopfbereich deiner Seite, die auf das Favicon, das Apple Touch Icon und das Manifest selbst verweisen, sowie ein theme-color-Meta-Tag. Streng genommen brauchst du das Manifest nur für installierbares PWA-Verhalten, aber es einzubinden ist trotzdem gute Praxis. Dieses Tool generiert die site.webmanifest, den passenden <link>-Codeschnipsel und eine browserconfig.xml für Windows-Kacheln, bereit zum direkten Einfügen in dein Projekt.

Ja. Wenn du keine Logodatei hast, kannst du eine kurze Zeichenfolge wie ein Markenkürzel oder zwei Buchstaben eingeben oder ein Emoji auswählen, und der Generator zeichnet das Icon live auf einer Canvas. Du steuerst den Look direkt: wähle eine Schriftart, lege eine Text- oder Emoji-Farbe fest, entscheide dich für ein Quadrat, eine abgerundete Form oder einen Kreis und wähle einen einfarbigen, verlaufenden oder transparenten Hintergrund mit anpassbarer Theme-Farbe und Padding. Eine Live-Vorschau aktualisiert sich, während du Einstellungen anpasst, sodass du beurteilen kannst, wie das Zeichen in winzigen Größen wirkt, bevor du exportierst. Aus dieser einen Text- oder Emoji-Quelle erzeugt das Tool denselben vollständigen Satz an PNGs, ein SVG und die favicon.ico. Das ist ein schneller Weg, um für ein neues Projekt oder einen Prototyp ein sauberes, wiedererkennbares Icon auszuliefern, ohne ein Designprogramm zu öffnen.