Favicon automatisch generieren im Jahr 2025

 (dev-huiya.github.io)
30 Punkte von huiya 2025-02-13 | 6 Kommentare | Auf WhatsApp teilen

Favicon Generator

Nachdem ich Wie man 2025 ein Favicon vorbereitet gelesen hatte, habe ich ein Tool gebaut, das anhand des Artikels automatisch Favicons erzeugt.

Ausprobieren

Verwendung

  1. Ein SVG-Bild mit quadratischem Seitenverhältnis hochladen.
  2. Den erzeugten HTML-Code und die heruntergeladenen Bilddateien ins Projekt einbinden.
  3. Fertig.

Details

  • ✅ SVG-Dateien werden mit SVGO optimiert.

  • ✅ ICO-Dateien enthalten 16px- und 32px-Bilder.

  • ✅ PNG-Bilder in 180px, 192px und 512px werden erzeugt.

  • ❌ PNG-Dateien werden nicht mit Squoosh komprimiert.

Eindrücke

Ich habe zusammen mit GPT daran gearbeitet. Die UI hat es gut erstellt, aber beim Einbinden externer Module gab es viele Probleme. An dieser Stelle musste ein Mensch eingreifen.
ICO-Dateien konnte es auch nicht erzeugen, daher musste ich einen neuen separaten Chat öffnen und den Code erneut generieren lassen.

So etwas nach langer Zeit wieder zu bauen, hat richtig Spaß gemacht.

Verwandte Beiträge

6 Kommentare

 
honglu 2025-02-19

Ich fand es sehr nützlich! Vielen Dank.
 
hi098123 2025-02-13

Für die PNG-Komprimierung müsst ihr nicht Squoosh verwenden;
wenn ihr UPNG https://github.com/photopea/UPNG.js nutzt, sollte sich das im aktuellen Code ohne große Schwierigkeiten komprimieren lassen.
(Soweit ich mich an frühere Vergleiche erinnere, waren Leistung und Kompressionsrate bei PNG ähnlich oder leicht besser. Ganz sicher bin ich mir aber nicht.)
Den cnum-Wert kann man für die Komprimierung auf 0–256 setzen, und mit etwa 128 sollte sich eine brauchbare Komprimierung erzielen lassen.
 
secret3056 2025-02-13

Es wäre gut, zusätzlich darauf hinzuweisen, dass die Erstellung eines Mask-Icons manuell erfolgen muss, indem die Farbe entfernt wird.
 
secret3056 2025-02-13

Ah, mask icon wird also inzwischen nicht mehr verwendet....
 
xguru 2025-02-13

Wow, das ist wirklich gut. Ein Projekt, das man nach dem Lesen des Artikels direkt zusammen mit KI umsetzt, haha – die Welt verändert sich wohl wirklich so.
 
huiya 2025-02-13

Da der Anteil an eintöniger Arbeit sinkt, scheint die Belastung bei der Arbeit geringer geworden zu sein. Was für eine schöne Zeit!