Grafik, die 16 Pixel übersteht
In Favicon-Größe ist ein Wortmark-Logo unlesbar und dünne Linien verschwinden. Testen Sie den kleinsten Export und vereinfachen Sie die Quelle, wenn das Motiv nicht erkennbar ist.
Favicon- und App-Icon-Größenanpasser
Ein Favicon-Set besteht aus einer Reihe von Größen statt einer einzigen Datei: 16, 32 und 48 Pixel für Browser-Registerkarten, 180 für Apple Touch Icons und 192 sowie 512 für Android- und Web-App-Manifeste. Diese Seite skaliert Ihre größte Grafik auf diese Quadrate herunter, sodass das Logo bei Registerkartengröße noch erkennbar bleibt, statt es einmal zu verkleinern und dann erneut zu skalieren.
Dateien auswählen
Logo-Grafik hochladen, die in Icon-Größen geschnitten wird
oder unten per Button eine Datei wählen · Bild mit Strg+V einfügen
JPG, PNG, WEBP · bis zu 10 Bilder · je 20 MB · Verarbeitung im Browser
Ausgewählte Bilder (0)
Häufige Fragen zu Favicon- und App-Icon-Größenanpasser
Welche Größen brauche ich für ein Favicon?
Üblich sind 16, 32 und 48 Pixel, plus 180 für Apple Touch und 192 und 512 für ein Manifest – alle Quadrate aus derselben Grafik.
Sollte ein Favicon einen transparenten Hintergrund haben?
Registerkarten werden klein gerendert, daher ist ein fester oder kontrastreicher Hintergrund meist besser lesbar als Transparenz, die im Dark Mode verschwindet.
Wird meine Originaldatei geändert?
Das Ergebnis wird als separate Datei heruntergeladen. Bewahren Sie Ihre Originaldatei auf, bis Sie die Icon-Größen von 16 bis 512 geprüft haben.
Was sollte ich vor der Verwendung des Ergebnisses prüfen?
Öffnen Sie die Icon-Größen von 16 bis 512 in der Anwendung, die sie verbraucht, und prüfen Sie die für Sie relevanten Bereiche genau; die Originaldatei bleibt unverändert, falls Sie mit anderen Optionen neu ausführen müssen.
Über diesen Ablauf
Vor dem Herunterladen des Ergebnisses
Öffnen Sie die Icon-Größen von 16 bis 512 neben der Originaldatei in voller Größe und prüfen Sie Textkanten, Gesichter und flache Hintergründe; erneutes Kodieren verwischt Details lange, bevor sie in einer Vorschau falsch aussehen.
Was dieser Favicon- und App-Icon-Größenanpasser leistet
Erstellen Sie gängige quadratische PNG-Icon-Größen aus einer Quelldatei. Das Tool packt die ausgewählten Größen in eine ZIP-Datei und enthält ein einfaches site.webmanifest, das auf diese PNG-Dateien verweist. Es ist nützlich, wenn Sie ein kleines Icon-Set für eine Website, einen PWA-Prototyp, einen App-Shortcut oder einen Design-Übergang vorbereiten.
Dieser Workflow exportiert PNG-Dateien. Es verspricht keine ICO-Binary-Datei, da Browser-Canvas-APIs nicht jedes ICO-Format konsistent erstellen können. Wenn eine Plattform spezifisch eine ICO-Datei erfordert, nutzen Sie den dort dokumentierten Conversion-Schritt nach dem Herunterladen des PNG-Pakets.
So erstellen Sie ein Icon-Paket
- Laden Sie ein quadratisches Logo, eine Illustration oder ein anderes Bild mit klaren Kanten des Motivs hoch.
- Wählen Sie die benötigten PNG-Größen aus, z. B. kleine Browser-Icons, Shortcuts oder größere App-Icons.
- Wählen Sie Erstellen & Herunterladen.
- Öffnen Sie die ZIP-Datei und prüfen Sie jedes Icon in seiner tatsächlichen Größe. Kleine Icons erfordern oft ein vereinfachtes Logo oder einen höheren Kontrast.
Vorbereiten einer guten Quelldatei
Beginnen Sie mit einem scharfen Bild, das genug Details für die größte gewählte Größe bietet. Eine quadratische Quelle vermeidet unerwartetes Zuschneiden. Halten Sie wichtige Markenmerkmale vom äußeren Rand fern, da einige Browser und Betriebssysteme Icons mit eigenen Masken oder abgerundeten Formen darstellen.
Was in der Download-Datei enthalten ist
Die ZIP enthält ein PNG für jede angekreuzte Größe, mit Namen wie icon-192x192.png, sowie ein site.webmanifest mit passenden Einträgen. Das Manifest ist ein Startpunkt für ein Webprojekt; prüfen Sie Name, Start-URL, Anzeigemodus und andere seitspezifische Werte vor der Veröffentlichung.
Datenschutz und Dateiverarbeitung
Die Quelldatei wird lokal im Browser verarbeitet. Die PNG-Dateien und das Manifest werden auf Ihrem Gerät zu einer ZIP-Datei zusammengestellt. Für diesen Workflow ist kein Konto oder Hochladen des Bildes erforderlich.
Häufig gestellte Fragen
Erstellt dieses Tool eine ICO-Datei?
Nein. Es erstellt PNG-Icon-Größen und ein Web-Manifest. Verwenden Sie das PNG-Paket direkt, wenn das Ziel PNG akzeptiert, oder konvertieren Sie es mit einem plattformspezifischen Tool, wenn eine ICO-Datei erforderlich ist.
Welche Icon-Größen sollte ich auswählen?
Wählen Sie die Größen, die von Ihrer Website oder Ihrem App benötigt werden. Nur die benötigten Größen auszuwählen, hält den Download kleiner und erleichtert die Prüfung beim Asset-Übergang.
Macht das Tool ein unscharfes Bild schärfer?
Das Skalieren ändert die Pixeldimensionen, kann aber Details nicht wiederherstellen, die in der Quelle nicht vorhanden waren. Verwenden Sie eine klare, hochauflösende Quelle und prüfen Sie das kleinste Icon vor der Veröffentlichung.