Online Favicon Generator: .ico und App-Icons erstellen

Verwandle Deine visuelle Identität in ein perfektes Icon für Browser, iPhone und Android. Schnell, kostenlos und 100% privat.

100% Privat

iOS & Android

Retina-Qualität

Sofort generiert

Anleitung

So erstellst Du das perfekte Favicon

W3C-Standard für maximale Kompatibilität.

Logo hochladen

Ziehe Dein Bild (PNG, JPG oder SVG) per Drag-and-Drop. Wir empfehlen 512x512px für maximale Schärfe.

Automatische Verarbeitung

Unsere Engine skaliert und optimiert Dein Icon für 12 verschiedene Formate (Web, iOS, Android).

Kit herunterladen

Lade die einzelne .ico-Datei oder das komplette ZIP-Paket mit allen Assets und nötigem HTML-Code herunter.

Mehr als nur eine .ico-Datei

Wir decken alle modernen Geräte ab.

Multi-res .ico

Wir generieren einen echten ICO-Container mit 16px-, 32px- und 48px-Layern für Desktop.

Apple Touch Icons

Spezifische Icons, wenn Nutzer Deine Webseite zum Home-Bildschirm auf iPhone oder iPad hinzufügen.

Android Chrome

Adaptive 192px- und 512px-Icons für Android-Geräte und PWAs (Progressive Web Apps).

Voller Datenschutz

Der Generator läuft in Deinem Browser. Dein Firmenlogo wird nie auf unsere Server hochgeladen.

SVG-Unterstützung

Wenn Du eine SVG hochlädst, rendern wir perfekte Vektoren in jeder Größe ohne Pixelung.

HTML-Snippets

Wir liefern den exakten ``-Code zum Kopieren und Einfügen in den `` Deiner Webseite.

Web-Icon-Engineering

Warum Du mehr als ein einfaches PNG brauchst.

Die Wichtigkeit von .ico

Obwohl moderne Browser PNG unterstützen, bleibt die favicon.ico-Datei der König der Kompatibilität. Es ist das einzige Format, das mehrere Größen in einer einzigen Datei enthalten kann, sodass Windows die 16px-Version in der Taskleiste und die 32px-Version auf dem Desktop nutzen kann, was Unschärfe verhindert.

Garantierte Abwärtskompatibilität.

Markendatenschutz: Dune Safe

Dein Logo ist Dein wertvollstes Asset. Viele Online-Generatoren speichern hochgeladene Logos. DuneTools nicht. Wir nutzen die Canvas API, um Bilder im RAM zu verarbeiten. Du kannst Icons für vertrauliche Projekte mit voller Sicherheit generieren.

Deine Marke verlässt nie Deinen Rechner.

Mobile Icons (Touch Icons)

Heute speichern viele Nutzer Webseiten als Apps. Wenn Du kein apple-touch-icon definierst, nutzt iOS einen Screenshot Deiner Webseite, was furchtbar aussieht. Unser Generator erstellt dieses kritische Asset, damit Deine Marke auf dem Home-Bildschirm professionell aussieht.

Wesentlich für ein erstklassiges mobiles Erlebnis.

Dark-Mode-Favicons

Wenn Dein Logo dunkel ist und Dein Besucher Dark Mode nutzt, verschwindet Dein Favicon in der Tab-Leiste. Die Lösung ist mit einer separaten hellen Variante. Wir generieren beide Varianten, wenn Du ein Logo mit transparentem Hintergrund hochlädst, kein manuelles SVG-Hacking nötig. Lies unseren Favicon ICO Leitfaden für das vollständige Snippet zum Einfügen in .

Ein Favicon für Light Mode, ein anderes für Dark, automatisch.

PWA und Web Manifest

Wenn Du eine Progressive Web App ausrollst, ist die site.webmanifest nicht verhandelbar. Sie definiert icons[], theme_color, background_color und display-Modus, die festlegen, wie sich der Installations-Banner und der Home-Screen-Start verhalten. Wir generieren ein Starter-Manifest mit den richtigen 192px- und 512px-PNGs, Du passt name, start_url und Theme nach Geschmack an.

Manifest plus 192/512-Icons gleich installationsbereite PWA.

Formatvergleich

Wähle das richtige Format für deinen Anwendungsfall

Plattform	Dateiname	Hauptverwendung
Web-Standard	favicon.ico	Browser-Tabs	Desktop (PC/Mac)
iOS (iPhone/iPad)	apple-touch-icon.png	Home-Bildschirm	Als App speichern
Android / PWA	android-chrome-192.png	App-Drawer	Chrome Android
Windows-Kacheln	mstile-150x150.png	Startmenü	Windows 10/11 UI

Favicon-FAQ

Schnelle Antworten zum Werkzeug

Welches Bild soll ich für die besten Ergebnisse hochladen?

Wir empfehlen ein quadratisches Bild mit mindestens 512x512 Pixeln. Wenn es ein Logo ist, achte darauf, dass es einen transparenten Hintergrund (PNG) hat, damit es sich gut in Browser im Dark Mode integriert.

Warum brauche ich eine .ico-Datei, wenn ich PNG nutze?

Die .ico-Datei ist ein Legacy-Standard, der sicherstellt, dass Dein Icon an seltsamen Stellen gut aussieht, wie alten Internet-Explorer-Lesezeichen oder Windows-Desktop-Verknüpfungen, die PNGs oft ignorieren.

Wie installiere ich das Favicon auf meiner Seite?

Lade die ZIP herunter, entpacke sie ins Root-Verzeichnis Deiner Webseite per FTP und kopiere den HTML-Code, den wir liefern, in das -Tag Deiner HTML-Seiten.

Ist es kostenlos für kommerzielle Nutzung?

Ja, komplett. Du kannst Icons für Kunden-Webseiten, Firmenprojekte oder Online-Shops kostenlos und ohne Namensnennung generieren.

Unterstützt es Transparenz?

Ja. Unsere .ico- und PNG-Generatoren respektieren den Alphakanal (Transparenz). Wenn Du ein PNG ohne Hintergrund hochlädst, hat Dein Favicon auch keinen Hintergrund.

Wird mein Logo verzerrt, wenn es nicht quadratisch ist?

Unser Werkzeug versucht zu zentrieren oder anzupassen, aber idealerweise solltest Du Dein Bild vor dem Upload auf 1:1 (quadratisch) zuschneiden, um die volle Kontrolle über den Bildausschnitt zu haben. Du kannst zuerst unser Bild zuschneiden Werkzeug nutzen.

Generiert es die site.webmanifest-Datei?

Ja, der ZIP-Download enthält eine grundlegende site.webmanifest-Datei, konfiguriert für Android Chrome, was wesentlich ist, damit Deine Seite als PWA installierbar ist.

Funktioniert es offline?

Genau. Es ist ein Client-Side-Werkzeug. Einmal geladen, sendet es keine Daten an einen Server, sodass Du es offline oder in sicheren Intranet-Umgebungen nutzen kannst.

Soll ich SVG oder PNG als Eingabe nutzen?

SVG ist der Goldstandard, es skaliert in jeder Größe ohne Pixelung. Wenn Du nur ein Logo als PNG hast, lade mit 512×512 px oder größer hoch; kleinere Eingaben werden bei 192px- oder 512px-PWA-Größen sichtbar unscharf. Vermeide JPG-Eingaben für Logos, JPG-Komprimierungsartefakte werden in kleinen Größen verstärkt.

Warum erscheint mein neues Favicon nicht?

Drei übliche Ursachen: (1) Browser-Cache, erzwinge das Neuladen mit Strg+Shift+R, oder öffne im Inkognito-Modus. (2) Falscher Pfad, prüfe, ob zu Deiner Datei führt (prüfe DevTools-Network-Tab, Status 200). (3) CDN-Cache, Cloudflare und ähnliche können das alte Icon stundenlang halten; leere den Cache für /favicon.ico und /apple-touch-icon.png.

Wie erstelle ich ein Favicon aus einem Webseitenlogo?

Exportiere Dein Logo als quadratisches SVG oder 512×512-PNG mit transparentem Hintergrund. Lege es in den Generator. Das Werkzeug erzeugt jede benötigte Größe (16, 32, 48 in der .ICO plus 180 für Apple plus 192/512 für Android) in einer ZIP. Bei nicht-quadratischen Logos nutze zuerst Bild zuschneiden, um eine 1:1-Version zu machen.