UUID-Generator
Zufällige UUIDs in großen Mengen erzeugen.
Favicon-Generator
Erstelle aus einem Bild eine favicon.ico und alle PNG-Größen, die du brauchst.
oder Bilder hierher ziehen
ein PNG-, JPG-, WebP- oder GIF-Bild (ein quadratisches Logo funktioniert am besten)
Deine Dateien bleiben auf deinem Gerät
- 1Dateien hinzufügen
- 2Anpassen
- 3Herunterladen
So funktioniert es
- 1Füge ein quadratisches Logo oder Bild hinzu. 512 mal 512 Pixel oder größer ergibt das beste Ergebnis.
- 2Wähle, ob nicht quadratische Bilder eingepasst oder zugeschnitten werden, und den Hintergrund.
- 3Wähle „Favicon-Set erstellen“.
- 4Lade das ZIP herunter, lege die Dateien in das Stammverzeichnis deiner Website und füge das HTML aus favicon-html.txt in deinen head ein.
Was die Optionen bewirken
- Einpassen
- Behält das ganze Bild und fügt auf der kurzen Seite leeren Platz hinzu.
- Zuschneiden und füllen
- Füllt das Quadrat und schneidet die Ränder eines breiten oder hohen Bildes ab.
- Hintergrund
- Transparent behält die Transparenz. Weiß oder Schwarz füllt sie. Das Apple-Touch-Icon bekommt immer einen deckenden Hintergrund.
Datenschutz
Dein Bild wird in deinem Browser verkleinert und nie hochgeladen.
Häufige Fragen
Welche Dateien bekomme ich?
favicon.ico mit Bildern in 16, 32 und 48 px, getrennte PNGs in 16, 32 und 48 px, eine apple-touch-icon.png mit 180 px, Icons in 192 und 512 px für Android, eine site.webmanifest-Datei und eine Textdatei mit den HTML-Tags.
Brauche ich noch eine favicon.ico?
Viele Browser lesen PNG-Icons, aber einige Crawler, Feed-Reader und ältere Tools fordern weiterhin /favicon.ico an, daher lohnt es sich, sie zu behalten.
Warum ist mein Favicon winzig und unleserlich?
Bei 16 Pixeln verschwinden Details. Nutze eine einfache Form oder einen Buchstaben auf einfachem Hintergrund und vermeide dünne Linien oder kleinen Text.
Warum zeigt mein Browser noch das alte Icon?
Browser speichern Favicons lange im Cache. Lade die Seite hart neu oder füge dem Link eine Version wie /favicon.ico?v=2 hinzu.
Kann ich ein SVG hochladen?
Nicht in dieser Version. Exportiere dein SVG zuerst als großes PNG. Eine moderne Website kann zusätzlich einen SVG-Icon-Link neben diesen Dateien einfügen.