Favicon-Generator

Machen Sie aus jedem Logo oder Bild ein komplettes Favicon-Set: eine favicon.ico mit mehreren Größen, ein apple-touch-icon, Android-/Web-App-Icons und einen fertig einfügbaren HTML-Schnipsel. Wählen Sie eine quadratische, abgerundete oder runde Form, fügen Sie Abstand oder eine Hintergrundfarbe hinzu und laden Sie das gesamte Paket als ZIP herunter. Alles wird lokal in Ihrem Browser erzeugt — Ihr Bild wird nie hochgeladen.

Datenschutz zuerst: Jedes Bild wird lokal in Ihrem Browser verarbeitet. Nichts wird auf einen Server hochgeladen, gespeichert oder übertragen.

Der Favicon-Generator von PixelVault macht aus jedem Bild ein komplettes Set an Website- und App-Icons, ohne dass etwas hochgeladen wird. Die meisten „Favicon-Generator“-Seiten verlangen, dass Sie Ihr Logo an ihre Server senden, bevor Sie ein einziges Icon zurückerhalten. Hier wird jede Datei — die favicon.ico mit mehreren Auflösungen, die PNG-Icons und das Manifest — direkt in Ihrem Browser erzeugt, sodass Ihre Markengrafik Ihr Gerät nie verlässt.

Eine moderne Website braucht mehr als ein Icon. Browser lesen eine kleine favicon.ico für die Adressleiste und Tabs, iOS möchte ein 180×180 apple-touch-icon für den Startbildschirm, und Android und PWAs nutzen 192- und 512-px-PNGs, die aus einem Web-Manifest referenziert werden. PixelVault erstellt sie alle auf einmal aus einem einzigen Quellbild und reicht Ihnen einen fertig einfügbaren HTML-Schnipsel, sodass die Einbindung nur Sekunden dauert.

Sie bestimmen, wie das Icon aussieht. Belassen Sie es als schlichtes Quadrat, runden Sie die Ecken ab oder schneiden Sie es auf einen Kreis zu; fügen Sie Abstand hinzu, damit eine Wortmarke nicht am Rand klebt; und wählen Sie einen transparenten oder einfarbigen Hintergrund. Eine Live-Vorschau zeigt das Ergebnis in echten Favicon-Größen — inklusive eines nachgestellten Browser-Tabs — sodass Sie genau wissen, was Besucher sehen, bevor Sie herunterladen.

So funktioniert es

Wenn Sie ein Bild hinzufügen, decodiert der Browser es in den Speicher und PixelVault zeichnet es auf quadratische Leinwände in jeder Icon-Größe neu und wendet dabei Ihre gewählte Formmaske, den Abstand und den Hintergrund an. Jede Leinwand wird mit dem integrierten Encoder des Browsers zu PNG codiert, und die 16-, 32- und 48-px-PNGs werden in eine einzige favicon.ico verpackt (der weithin unterstützte PNG-in-ICO-Container). SVG-Logos werden zuvor lokal in hoher Auflösung gerastert, damit die Icons gestochen scharf bleiben.

Warum lokale Verarbeitung wichtig ist

Icons lokal zu erzeugen bedeutet, dass Ihr Logo — oft noch unveröffentlichtes Branding — nie übertragen, gespeichert oder von einem Drittanbieterdienst protokolliert wird. Es geht außerdem sofort: kein Hochladen, keine Warteschlange und kein Download-Rückweg, und es funktioniert weiter offline, sobald die Seite geladen ist. Was Sie herunterladen, ist genau das, was Ihr Browser erzeugt hat, ohne dass etwas hinzugefügt wurde.

Unterstützte Formate

  • ICO — favicon.ico mit mehreren Auflösungen (16/32/48 px) für Tabs und die Adressleiste.
  • PNG — Apple-touch-icon (180 px) und Android-/PWA-Icons (192 & 512 px).
  • SVG — Nur als Eingabe — Vektorlogos werden lokal gerastert für die schärfsten Icons.
  • JPG / WebP — Neben PNG als Quellbilder akzeptiert.

Häufige Anwendungsfälle

  • Erstellen Sie eine favicon.ico und App-Icons für eine neue Website oder Landingpage.
  • Wandeln Sie ein PNG- oder SVG-Logo in eine echte ICO-Datei mit mehreren Größen um.
  • Erzeugen Sie ein apple-touch-icon und Web-Manifest-Icons für eine PWA.
  • Erneuern Sie das Favicon-Set einer Marke, ohne das Logo einem Online-Dienst zu überlassen.

Häufig gestellte Fragen

Wird mein Bild hochgeladen, um das Favicon zu erstellen?
Nein. Die favicon.ico, die PNG-Icons und das Manifest werden alle lokal in Ihrem Browser über die Canvas-API erzeugt. Ihr Bild verlässt Ihr Gerät nie.
Welche Größen und Dateien erhalte ich?
Eine favicon.ico mit mehreren Auflösungen (16, 32 und 48 px), PNG-Icons in 16, 32, 48, 180 (apple-touch-icon), 192 und 512 px, eine site.webmanifest und einen HTML-Schnipsel zum Einfügen in Ihren <head>.
Kann ich eine PNG oder SVG in eine ICO umwandeln?
Ja. Legen Sie eine PNG, JPG, SVG oder WebP ab und laden Sie eine echte favicon.ico herunter. SVG-Logos werden zuvor lokal in hoher Auflösung gerastert.
Welches Bild eignet sich am besten?
Ein quadratisches Bild mit einem einfachen, kontrastreichen Logo. Nicht-quadratische Bilder werden mittig zugeschnitten; verwenden Sie die Abstands- und Formregler, um es nach Wunsch zu rahmen.
Wie installiere ich das Favicon?
Entpacken Sie das Paket in das Stammverzeichnis Ihrer Website und fügen Sie den mitgelieferten HTML-Schnipsel in den <head> Ihrer Seiten ein. Die favicon.ico wird von den meisten Browsern automatisch erkannt.