Oliver Scheffner Favicon Package Generator

Quelle, Editor und Vorschau

Wähle oben einen Bereich. Standard ist „Bild hochladen“; Favicon-Editor, Matrix und Vorschau bleiben getrennt und aufgeräumt.

Bild hochladen

Eigenes Logo oder Bild als Grundlage für das Favicon-Paket verwenden.

Datei ablegen oder klicken Empfohlen: quadratisches PNG/SVG mit klarer Form. JPG, PNG, SVG, WEBP und BMP funktionieren ebenfalls.

Für kleine Favicons sind einfache Formen und hohe Kontraste besser als detailreiche Logos.

Vorschau

deine-webseite.de

Die Vorschau bleibt direkt beim Upload sichtbar. Die separate Vorschau-Ansicht zeigt dieselben erzeugten Größen zusätzlich größer und aufgeräumt.

Text / Zeichen Form

Hintergrund Hintergrundart Verlauf Richtung

Border Text Schrift

Filter: Normal Border: 0px

Textgröße: 100% Formgröße: 100%

Icon-Transparenz: 0% Form-Transparenz: 0%

Matrix Editor

Male direkt in einer 16×16- oder 32×32-Matrix. Standardwerkzeug ist Pixel; Linien, Rechtecke und Kreise werden über Start- und Endpunkt gezeichnet. Umfärben kann einzelne Punkte oder zusammenhängende Flächen ändern.

Matrixgröße Außenkanten abrunden: 0%

Punktgröße

Umfärben

Icon in Matrix star

Höhe: 100% Breite: 100% Größe: 100% Position X: 0 Position Y: 0

Originalgröße 16×16

Farbe #ffffff

Direktwahl Farbton: 210° Sättigung: 100% Helligkeit: 65%

Farbplatten

Ausgabe erstellen

Bildmodus, Hintergrund, Padding und Manifest-Werte festlegen.

Ausgabe wird freigeschaltet, sobald du ein Bild hochlädst, einen Favicon-Entwurf verwendest oder den Matrix-Entwurf übernimmst.

Download

Lade das komplette ZIP oder einzelne Dateien herunter.

Einbindecode

Den Code vor </head> in die Webseite einfügen.

Noch kein Paket erzeugt.

downloadZIP herunterladen

Nach der Vorschau das Paket exportieren.

upload_fileDateien hochladen

Alle Dateien in den Website-Root oder den gewählten Favicon-Ordner legen.

codeHead-Code einfügen

Den generierten Code vor </head> einfügen.