Kostenloser Favicon-Generator

Laden Sie ein Logo hoch und erhalten Sie alles, was eine moderne Website braucht: eine favicon.ico mit mehreren Größen, PNG-Icons von 16 bis 512 Pixel und ein Apple-Touch-Icon, dazu die HTML-Tags zum Einfügen. Die Icons entstehen auf Ihrem Gerät und werden nie hochgeladen.

Ziehen & ablegen, klicken oder einfügen

PNG, JPG, WebP, SVG - am besten ein quadratisches Bild mit 512 px oder mehr

Quadratisch machen

Hintergrund für das Apple-Touch-Icon

Fügen Sie dies in den <head> Ihrer Seite ein

Laden Sie die Dateien in das Stammverzeichnis Ihrer Website hoch. Die Icons mit 192 und 512 px sind für ein Web-App-Manifest.

Läuft komplett im Browser. Ihre Dateien werden nie hochgeladen.

So funktioniert's

1️⃣

Logo hochladen

Ein PNG, JPG, WebP oder SVG ablegen. Ein quadratisches Bild mit 512 px oder mehr ergibt die schärfsten Icons.

2️⃣

Quadratisch machen

Das Bild zuschneiden, um das Quadrat zu füllen, oder das ganze Bild mit transparentem Rand einpassen. Den Hintergrund für das Apple-Touch-Icon wählen.

3️⃣

Icons herunterladen

PNGs in 16, 32, 48, 180, 192 und 512 px plus eine favicon.ico mit mehreren Größen in einem ZIP erhalten und die fertigen link-Tags in Ihre Website kopieren.

Warum WrapPix?

🔒

100 % privat

Ihre Dateien werden auf Ihrem Gerät verarbeitet und nie auf einen Server hochgeladen.

🆓

Kostenlos, ohne Anmeldung

Kein Konto, keine Limits und kein Wasserzeichen auf Ihren Ergebnissen.

⚡

Schnell & offline nutzbar

Läuft mit nativer Geschwindigkeit im Browser und funktioniert weiter, sobald die Seite geladen ist.

✨

Volle Qualität

Sie wählen die Einstellungen - nichts wird heimlich verkleinert oder neu komprimiert.

Häufige Fragen

Welche Favicon-Größen brauche ich?

Eine favicon.ico mit 16, 32 und 48 px deckt Browser-Tabs und Lesezeichen ab, ein Apple-Touch-Icon mit 180 px den Home-Bildschirm von iPhone und iPad, und PNGs mit 192 und 512 px decken Android und Web-App-Manifeste ab. Dieses Tool erstellt sie alle.

Wie binde ich das Favicon in meine Website ein?

Laden Sie die Dateien in das Stammverzeichnis Ihrer Website hoch und fügen Sie die erzeugten link-Tags in den head Ihrer Seiten ein. Browser suchen außerdem selbstständig nach /favicon.ico.

Wie groß sollte mein Ausgangsbild sein?

Verwenden Sie ein quadratisches Bild mit mindestens 512 × 512 Pixeln. Einfache Logos mit kräftigen Formen bleiben auch bei 16 Pixeln erkennbar, feine Details und dünne Schrift nicht.

Warum zeigt mein Favicon noch das alte Icon?

Browser speichern Favicons hartnäckig im Cache. Leeren Sie den Cache, testen Sie ein privates Fenster oder hängen Sie eine Version an den Dateinamen an, etwa /favicon.ico?v=2.

Warum hat das Apple-Touch-Icon einen festen Hintergrund?

iOS füllt transparente Bereiche des Home-Bildschirm-Icons mit Schwarz. Das Tool legt die gewählte Hintergrundfarbe hinter das 180-px-Icon, damit es wie gewünscht aussieht.

Kostenloser Favicon-Generator

So funktioniert's

Logo hochladen

Quadratisch machen

Icons herunterladen

Warum WrapPix?

100 % privat

Kostenlos, ohne Anmeldung

Schnell & offline nutzbar

Volle Qualität

Häufige Fragen

Ähnliche Tools