Favicon- und App-Icon-Generator

Erstellt Favicons und App-Icons aus einem Bild

Funktionen

Für alle Plattformen geeignet

Gibt Icons für Favicon, Smartphone und Windows auf einmal aus

Gängige Größen automatisch abgedeckt

Stellt die wichtigsten Maße von 16×16 bis 310×310 gesammelt bereit

ico-Format und ZIP-Sammeldownload

Unterstützt ico für alle Browser sowie den Sammeldownload als ZIP

Automatisch erzeugtes Einbau-HTML

Den Satz an link-Tags für den head-Bereich per Kopieren abrufen

Verwendung

Ausgangsbild hochladen

Wählen Sie eine quadratische Bilddatei aus und laden Sie sie ein

Ausgabekategorie auswählen

Haken Sie unter Favicon, Android, Apple und Windows die benötigten Arten an

Mit dem Erzeugen-Button auf einmal erstellen

Drücken Sie den Erzeugen-Button, um den Satz an Icons in allen Größen zu erstellen

Vorschau prüfen und speichern

Prüfen Sie das Ergebnis und laden Sie es einzeln oder gesammelt als ZIP herunter

HTML-Snippet einbinden

Kopieren Sie die ausgegebenen link-Tags und fügen Sie sie in den head der Website ein

Anwendungsfälle

Vorbereitung der Website-Veröffentlichung

Die Tab-Icons einer neuen Website oder eines Blogs gesammelt einrichten

PWA-Icons vorbereiten

Die für das Hinzufügen zum Startbildschirm nötigen Android- und Apple-Icons auf einmal erzeugen

Austausch bei einem Markenwechsel

Passend zur Logo-Erneuerung Icons aller Spezifikationen neu erzeugen und vereinheitlichen

Zeitersparnis bei der Eigenentwicklung

Den Aufwand des Icon-Exports einsparen und sich auf die Entwicklung konzentrieren

Grundlegende Kenntnisse

Was ist ein Favicon

Ein Favicon ist ein kleines Symbol einer Website, das in Browser-Tabs und Lesezeichen-Listen angezeigt wird. Der Name leitet sich von "favorite icon" (Lieblingssymbol) ab.

Was ist das ico-Format

Das ico-Format ist ein spezielles Format zur Speicherung von Symbolen, mit dem mehrere Bilder verschiedener Größen in einer einzigen Datei zusammengefasst werden können. Der Browser wählt je nach Anzeigeort die passende Größe aus.

Hauptsymbolgrößen

16×16 · 32×32：16×16 und 32×32 sind die Standardgrößen für Favicons, die in Browser-Tabs und Lesezeichen verwendet werden.
180×180：180×180 ist die Größe des Apple Touch Icon, das verwendet wird, wenn Sie die Website zum Startbildschirm von iPhone oder iPad hinzufügen.
192×192：192×192 ist die Größe für Android-Startbildschirme und PWA-Symbole.