Favicon / ICO-Generator.

Bild akzeptiert PNG, JPG, JPEG, WebP oder GIF. Text öffnet denselben Editor mit Ihren Buchstaben, die bereit zum Stylen sind. Mit Erstellen aus können Sie zwischen dem hochgeladenen Bild und einem Monogramm wechseln. Verwenden Sie ein oder zwei einfache Zeichen für das klarste Ergebnis bei 16 Pixeln. GIF-Eingabe verwendet ein Standbild; das Ergebnis ist nicht animiert.

Der Editor zeigt eine 16-Pixel-Browser-Tab-Vorschau, separate 16, 32 und 48-Pixel-Symbole sowie eine Apple-Touch-Vorschau. Kleine Symbole enthüllen Details, die verschwinden, wenn ein großes Logo verkleinert wird. Vereinfachen Sie die Quelle oder fügen Sie Platz um sie herum hinzu, bis die kleinste Vorschau erkennbar ist. Das Apple-Touch-Bild wird kleiner als seine exportierte 180-Pixel-Größe angezeigt.

Gesamtes Bild anzeigen behält alle Quellkanten innerhalb des Symbols. Symbol füllen deckt den verfügbaren Bereich ab und kann die Kanten beschneiden. Platz um Inhalt passt den Abstand von 0 bis 35 Prozent an. Wählen Sie Hintergrund oder aktivieren Sie Transparenten Hintergrund. Transparente Pixel außerhalb einer abgerundeten oder kreisförmigen Silhouette bleiben klar. Dies entfernt keinen undurchsichtigen Hintergrund, der bereits in Ihrem hochgeladenen Bild vorhanden ist.

Text / Monogramm unterstützt bis zu drei Zeichen mit den enthaltenen Stilen Modern sans, Classic serif und Monospace. Wählen Sie auf unterstützten Desktop-Browsern Systemschriftarten verwenden und erlauben Sie den Schriftartenzugriff, um die Schriftartenliste mit den auf Ihrem Gerät installierten Familien zu füllen. Wählen Sie eine Familie aus, um die Live-Vorschau zu aktualisieren, oder verwenden Sie die vorherigen und nächsten Pfeile, um benachbarte Schriftarten zu vergleichen. Schriftartennamen und -dateien werden nicht hochgeladen. Der Text passt sich automatisch an den verfügbaren Platz an. Sehen Sie sich die kleinsten Symbolgrößen an, nachdem Sie Schriftart oder Farbe geändert haben.

Multi-Size ICO enthält 16, 24, 32, 48, 64, 128 und 256 Pixel große Bilder in einer favicon.ico-Datei. Das Website-Icon-Paket erstellt eine ZIP-Datei mit dieser ICO, PNG Icons in 16, 32 und 48 Pixeln, einem Apple Touch Icon in 180 Pixeln, Android-Icons in 192 und 512 Pixeln, einem Web-Manifest und INSTALL.txt. Der Website-Name liefert den Manifest-Namen.

Laden Sie den Paketinhalt in das Stammverzeichnis der Website hoch und kopieren Sie die Link-Tags aus INSTALL.txt in den Seitenkopf. Wenn Sie Icons in einem Unterordner speichern, aktualisieren Sie die HTML-Pfade und die Pfade innerhalb der site.webmanifest. Leeren Sie den Favicon-Cache oder testen Sie in einem neuen Tab, wenn Sie ein Update überprüfen. Das generierte Manifest ist eine Icon-Konfiguration, keine vollständige Installation einer Progressive Web App.