QuokkaPix
Start Favicon-Generator

Favicon-Generator

Favicon- und App-Icon-Größen aus einem Bild erstellen

Nutze diese Seite, wenn ein Logo oder quadratisches Markenzeichen zu einem Icon-Paket für Website, Web-App oder PWA werden soll. QuokkaPix exportiert gängige PNG-Größen lokal, damit Schärfe und Abstand vor der Projektintegration geprüft werden können.

Kein UploadLokal im BrowserKostenlos
Editor öffnen Alle Modi
Die Schaltfläche unten öffnet den QuokkaPix Editor mit diesem Werkzeug bereits ausgewählt.

Was dieses Werkzeug kann

Erzeuge Favicon, Apple Touch Icon und PWA-PNG-Größen lokal im Browser, ohne das Logo hochzuladen.

16 bis 512 px
Lokaler ZIP-Export
Website- und PWA-Icons

So funktioniert es

1
Lade ein quadratisches oder zentriertes Logo.
2
Öffne das Favicon/App-Icon-Paket.
3
Prüfe Abstand, Kontrast und Form in kleinen Größen.
4
Lade das ZIP mit PNG-Icons herunter.

FAQ

Wird mein Logo hochgeladen?

Nein. Die Icon-Erzeugung läuft lokal im Browser.

Welche Größen entstehen?

Das Paket enthält gängige Größen wie 16, 32, 48, 180, 192 und 512 px.

Praktische Prüfungen

Ein Favicon ist mehr als ein quadratisches Icon

Ein Favicon-Set muss in Browser-Tabs, Lesezeichen, angehefteten Verknüpfungen und kleinen mobilen Vorschauen funktionieren. Starte mit einer einfachen, kontrastreichen Form und vermeide Text, der bei 16 px verschwindet. Exportiere die erwarteten Größen und prüfe, ob die kleinste Version auch ohne reine Farbwirkung erkennbar bleibt. Bewahre ein Master-Icon separat auf, denn generierte Favicon-Dateien sind Lieferassets, keine Designquelle.

1
Einfache Form mit starkem Kontrast nutzen.
2
16 px und 32 px vor Veröffentlichung prüfen.
3
Quelllogo oder Icon getrennt von generierten Favicon-Dateien behalten.

Vor dem ganzen Paket zuerst 16 px prüfen

Ein Favicon scheitert zuerst in der kleinsten Größe. Vor der Nutzung der erzeugten ZIP-Datei die PNGs mit 16 px und 32 px einzeln öffnen, nicht nur das große 512-px-Symbol. Feiner Text, detailreiche Figuren und horizontale Logos verschwinden oft im Browser-Tab. Eine gute Quelle ist meist ein vereinfachtes Zeichen mit starkem Kontrast und genug Leerraum. Die originale Markenzeichnung getrennt aufbewahren, damit das Icon-Paket mit anderem Zuschnitt oder Hintergrund neu erzeugt werden kann.

1
16 px und 32 px als echte Dateien prüfen.
2
Textlastige Zeichen vermeiden.
3
Einen sauberen quadratischen Master behalten.

Verwandte Seiten

Wenn du den nächsten Schritt brauchst, öffne das passende Werkzeug und arbeite im selben Editor weiter.