WMW

Favicon-Generator

Free
Bild

Laden Sie ein Bild hoch und erhalten Sie ein vollständiges Favicon-Paket: favicon.ico, jede von Browsern und Geräten erwartete PNG-Größe, apple-touch-icon, Android-Symbole, eine site.webmanifest und das einzufügende HTML, alles in einem ZIP.

Läuft vollständig in Ihrem Browser. Ihr Bild wird niemals hochgeladen.

Klicken Sie, um ein Bild auszuwählen, oder ziehen Sie es hierher

Ein quadratisches Bild funktioniert am besten, aber jede Größe oder Form ist in Ordnung.

Letzte Aktivität

Für alle sichtbar. Die letzten 20 Nutzungen aller Besucher, neueste zuerst.

Favicon set generated

vor 1 Stunde

Favicon set generated

vor 1 Stunde

Favicon set generated

vor 1 Stunde

Favicon set generated

vor 1 Stunde

Kommentare (0)

Fanden Sie dieses Tool nützlich? Hinterlassen Sie einen Kommentar, teilen Sie einen Tipp oder sagen Sie uns, wie wir es verbessern können.

Gastkommentare werden vor der Veröffentlichung geprüft. Anmelden um sofort zu veröffentlichen.

Noch keine Kommentare. Seien Sie der Erste, der seine Meinung teilt!

Was dieses Tool macht

Laden Sie ein Logo oder Bild hoch, und dieses Tool erstellt ein vollständiges Favicon-Paket: eine mehrauflösende favicon.ico, einzelne PNGs in jeder Größe, die moderne Browser und Geräte erwarten, ein apple-touch-icon, Android-Chrome-Symbole, eine vorausgefüllte site.webmanifest und die exakten HTML-Tags zum Einfügen in den <head> Ihrer Seite, alles gebündelt in einem ZIP-Download.

So funktioniert es

Ihr Bild wird je nach Wahl entweder auf ein zentriertes Quadrat zugeschnitten oder mit einer Hintergrundfarbe aufgefüllt und in jeder Zielgröße (16, 32, 48, 180, 192 und 512 Pixel) auf ein HTML-Canvas gezeichnet. Die drei kleinsten Größen werden dann mit dem PNG-eingebetteten ICO-Format, einem schlanken Binärcontainer, den jeder aktuelle Browser und jedes Betriebssystem korrekt liest, in eine einzige favicon.ico gepackt. Alles, bis hin zur ZIP-Datei selbst, wird in Ihrem Browser zusammengestellt; nichts wird hochgeladen.

Probleme, die es löst

Häufig gestellte Fragen

›Warum brauche ich so viele verschiedene Größen?

Verschiedene Plattformen fordern unterschiedliche Größen an: Browser-Tabs verwenden meist 16x16 oder 32x32, iOS-Homescreen-Symbole verwenden 180x180, und Android-Chrome- sowie PWA-Installationsaufforderungen verwenden 192x192 und 512x512. Wenn Sie alle bereitstellen, sieht Ihr Symbol überall scharf aus, statt auf manchen Geräten gestreckt oder unscharf zu wirken.

›Was ist favicon.ico, und warum wird es neben PNGs noch benötigt?

Das .ico-Format kann mehrere Größen (16x16, 32x32, 48x48) in einer Datei bündeln und ist weiterhin das Standard-Fallback von Browsern, wenn kein anderer Symbol-Link angegeben ist, einschließlich sehr alter Browser und mancher Betriebssystem-Verknüpfungen. Dieses Tool packt alle drei Größen mit dem modernen PNG-eingebetteten Format, das jeder aktuelle Browser und jedes Betriebssystem unterstützt, in eine einzige gültige favicon.ico.

›Sollte ich ein nicht-quadratisches Bild zuschneiden oder auffüllen?

Zuschneiden behält jedes Pixel randlos bei, schneidet aber die Ränder eines nicht-quadratischen Bildes ab, gut, wenn Ihr Logo den Rahmen bereits ausfüllt. Auffüllen hält das gesamte Bild sichtbar, indem eine Hintergrundfarbe hinzugefügt wird, besser, wenn Ihr Logo leere Ränder hat oder nicht zentriert ist.

›Wofür ist site.webmanifest da?

Es ist eine kleine JSON-Datei, die Android und andere Plattformen lesen, um den Namen, die Symbole und die Themenfarbe Ihrer Website zu kennen, wenn jemand sie zum Startbildschirm hinzufügt oder als progressive Web-App installiert. Dieses Tool erstellt eine solche Datei, bereits mit den soeben erstellten Symbolen vorausgefüllt.

›Wird mein Logo dadurch irgendwohin hochgeladen?

Nein. Jede Größenänderung, die ICO-Datei und das ZIP selbst werden alle lokal in Ihrem Browser mit der Canvas-API erstellt; Ihr Bild wird nie an einen Server gesendet.

Verwandte Tools

Free

Bild

Bild-HSL anpassen

Verschiebe Farbton, Sättigung, und Helligkeit eines Bildes mit Live-Reglern, direkt in deinem Browser.

 Free

Bild

Bild-HSL im Batch anpassen

Wende dieselbe Farbton-, Sättigungs-, und Helligkeitsanpassung auf viele Bilder gleichzeitig an, direkt in deinem Browser.

 Free

Bild

Text zu Bild hinzufügen

Füge einem Bild eine oder mehrere benutzerdefinierte Textbeschriftungen hinzu, direkt in deinem Browser.

 Free

Bild

Bildhintergrund entfernen (KI)

Entferne automatisch den Hintergrund aus einem Foto mithilfe eines On-Device-KI-Modells, direkt in deinem Browser.

 Free

Bild

Analoges Farbschema

Generiere eine harmonische analoge Farbpalette aus jeder Basisfarbe, direkt in deinem Browser.

 Free

Bild

Farben Mischen

Mische zwei Farben mit einer einstellbaren Balance, mittels einfacher RGB-, gammakorrigierter, oder HSL-Mischung.

 Free

Bild

Bild Weichzeichnen

Verwische ein Bild in deinem Browser mit Box-, Gauß-, Bewegungs-, oder Radialunschärfe, und lade dann das Ergebnis herunter.

 Free

Bild

Generator für Bilder mit unscharfem Rahmen

Passe dein Foto ohne Zuschneiden an ein Quadrat oder ein anderes Seitenverhältnis an, indem der zusätzliche Raum mit einer unscharfen, gezoomten Kopie des Bildes gefüllt wird.