Favicon-Generator
Favicon Generator
Erzeugt den kompletten Favicon-Satz – ICO, PNGs, Apple-Touch-Icon, Web-Manifest – samt HTML zum Einfügen.
Ein Favicon ist seit einigen Jahren nicht mehr eine Datei: Eine Website braucht die .ico für die Root-Anfrage, PNGs in drei Größen für Tab-Leisten, ein Apple-Touch-Icon, weil iOS das Manifest ignoriert, und ein maskierbares Icon, weil Android auf eine Form zuschneidet, die es selbst wählt. Dieses Werkzeug erzeugt sie alle, das Manifest und das Markup zum Einfügen.
Legen Sie Ihr Logo ab
Ein quadratisches PNG mit 512×512 oder größer liefert das beste Ergebnis. Ein SVG muss vorher gerastert werden.
So funktioniert es
Legen Sie ein quadratisches Logo ab, 512 px oder größer
Alles wird durch Verkleinern abgeleitet, sodass das größte Icon im Satz so gut ist wie das, womit Sie begonnen haben, und nicht besser.
Legen Sie Namen und Kurznamen fest
Der Kurzname ist, was unter dem Icon auf einem Startbildschirm erscheint, und sowohl Android als auch iOS kappen ihn bei etwa zwölf Zeichen.
Wählen Sie Theme- und Splash-Farben
Sie gehen ins Manifest: Die Theme-Farbe tönt das Browser-Chrome auf Android, der Hintergrund ist, was eine gestartete PWA zeigt, bevor sie zeichnet.
Nehmen Sie das Zip und fügen Sie das Markup ein
Die Dateien kommen ins Site-Root; der `<link>`-Block kommt in `<head>`. Beide werden zusammen erzeugt, damit die Pfade übereinstimmen.
Häufige Fragen
Wofür ist das maskierbare Icon?
Android schneidet Startbildschirm-Icons auf eine Form zu, die das Gerät wählt – Kreis, Squircle, Tropfen –, und garantiert nur die mittleren 80 %. Das maskierbare Icon bekommt immer 10 % Rand, unabhängig von Ihrer Randeinstellung, sodass der Zuschnitt die Grafik nicht erreichen kann.
Kann ich stattdessen ein SVG-Favicon verwenden?
Sie können eines hinzufügen, und es ist die schönste Option, wo sie funktioniert – aber sie ersetzt den Satz nicht. Safari auf iOS will das Touch-Icon, Android will die Manifest-Icons, und die Root-.ico wird ohnehin angefordert. Rastern Sie das SVG zuerst und legen Sie das PNG hier ab.
Wie viel Rand soll ich verwenden?
Keinen für eine Marke, die ihren Rahmen füllen soll; zehn bis fünfzehn Prozent für ein Logotyp, das bei 16 px Luft braucht. Die Tab-Leisten-Größen sind es, wo Rand am meisten kostet, weil es so wenig Platz zu verschenken gibt.
Eingabe aus
SVG-Optimierer
SVG Optimiser
Entfernt Editor-Ballast, fasst Transformationen zusammen und rundet die Pfadgenauigkeit, mit gerendertem Vorher-nachher-Vergleich.
ICO-Konverter
ICO Converter
Baut aus einem Bild eine .ico-Datei mit mehreren Auflösungen oder entpackt die Bilder aus einer vorhandenen .ico.
SVG in PNG
SVG to PNG
Rendert eine SVG-Datei mit beliebigem Skalierungsfaktor als PNG, JPEG oder WebP, mit transparentem oder gefülltem Hintergrund.
PNG-Kompressor
PNG Compressor
Verkleinert ein PNG ohne Upload, komplett im Browser: Die Farbpalette wird quantisiert und der Deflate-Strom neu geschrieben, die Abmessungen bleiben unverändert.
Danach
Diese Tools nehmen an, was dieses hier erzeugt, das Ergebnis kann also direkt weiter.
ICO-Konverter
ICO Converter
Baut aus einem Bild eine .ico-Datei mit mehreren Auflösungen oder entpackt die Bilder aus einer vorhandenen .ico.
Bildgröße ändern
Image Resizer
Skaliert Bilder nach Pixeln, Prozent oder einer Ziel-Kantenlänge, mit Sperre für das Seitenverhältnis und Voreinstellungen für die Stapelverarbeitung.
PNG-Kompressor
PNG Compressor
Verkleinert ein PNG ohne Upload, komplett im Browser: Die Farbpalette wird quantisiert und der Deflate-Strom neu geschrieben, die Abmessungen bleiben unverändert.
SVG-Optimierer
SVG Optimiser
Entfernt Editor-Ballast, fasst Transformationen zusammen und rundet die Pfadgenauigkeit, mit gerendertem Vorher-nachher-Vergleich.
Hintergrund entfernen
Background Remover
Stellt ein Motiv vor einfarbigem Hintergrund per OKLab-Keying frei – ohne Upload, komplett im Browser – und liefert ein transparentes PNG samt Pinsel zum Nachbessern der Kanten.
EXIF-Daten entfernen
EXIF Remover
Entfernt Kamera-, GPS- und Bearbeitungsmetadaten aus Fotos, ohne die Pixel anzurühren – ohne Upload, komplett im Browser.