Tools Favicon-Set
FAVICON ERSTELLEN. ICO & PNG.
Ein Logo rein, ein fertiges Icon-Set raus: favicon.ico, PNGs von 16 bis 512 Pixel, Apple-Touch-Icon und Webmanifest, dazu die HTML-Tags zum Kopieren. Alles entsteht lokal im Browser.
- Lokal Logo bleibt hier.
- ICO & PNG 16 bis 512, inkl. Apple-Touch.
- Ohne KI Nur skalieren.
Favicon-Set lokal erzeugen
Für Einpassen und immer fürs Apple-Touch-Icon.
Vorschau
HTML-Snippet
Alle Dateien gehören ins Hauptverzeichnis Deiner Website. Die favicon.ico enthält 16, 32 und 48 px als PNG — das lesen alle aktuellen Browser. Den Einbau übernimmst Du selbst.
Noch kein Logo
Lade ein möglichst quadratisches Bild. PNGs in 16, 32, 48, 180, 192 und 512 px plus favicon.ico entstehen lokal.
ZIP: 6 PNGs, favicon.ico, site.webmanifest, HTML-Tags.
Wann nutzen / wann nicht
Wann nutzen
Logo zu Favicon-Set und HTML-Tags machen — ICO, PNGs und Manifest.
Wann nicht
Kein Website-Einbau und kein Design-System.
So funktioniert's
- 01
Logo laden. Wähle ein möglichst quadratisches Logo, idealerweise ab 512 Pixel. PNG, SVG, JPEG oder WebP. Die Datei bleibt auf Deinem Gerät.
- 02
Zuschnitt und Abstand setzen. Einpassen oder Zuschneiden, Innenabstand und Hintergrund wählen. Das Apple-Touch-Icon bekommt immer einen deckenden Hintergrund.
- 03
ZIP und HTML-Tags sichern. Lade das ZIP mit favicon.ico, PNGs und site.webmanifest herunter und kopiere die Link-Tags in den Head Deiner Website.
Dateien und HTML-Tags zum Kopieren. Einbau und die Website selbst sind Webentwicklung. Webentwicklung .
OFT GEFRAGT
Wird das Logo hochgeladen?
Nein. Skalierung läuft nur in Deinem Browser. ZIP und einzelne PNGs speicherst Du lokal.
Brauche ich noch eine favicon.ico?
Aktuelle Browser kommen mit PNG aus, manche Tools und ältere Browser fragen aber direkt nach /favicon.ico. Das Tool baut sie mit 16, 32 und 48 Pixel und legt sie ins ZIP. Die HTML-Tags kopierst Du selbst in den Head.
Was steckt im ZIP?
favicon.ico, PNGs in 16, 32, 48, 192 und 512 Pixel, das Apple-Touch-Icon mit 180 Pixel, eine site.webmanifest mit Name und Farbe sowie eine Datei mit den HTML-Tags.
Welche Größe soll das Logo haben?
Quadratisch und möglichst groß, mindestens 512 Pixel. Nicht-quadratische Bilder werden mittig zugeschnitten oder mit Hintergrund eingepasst.
Ersetzt das eure Webentwicklung?
Nein. Das Tool macht Dateien. Einbau, Caching und die restliche Website bleiben Webentwicklung bzw. Betreuung.
LASS UNS GEMEINSAM
DEINEN AUFTRITT ROCKEN
Bereit für den nächsten Schritt? Dann melde Dich jetzt direkt für Dein unverbindliches Erstgespräch!
Anrufen
+43 4254 51525