Favicon-Generator (PNG zu ICO)
Verwandeln Sie ein quadratisches PNG-, JPG- oder WebP-Bild in ein Browser-Favicon, ohne etwas zu installieren. Das Bild wird in Favicon-Größe in Ihrem Browser auf eine Leinwand gezeichnet und als herunterladbare Symboldatei zurückgegeben, die Sie im Stammverzeichnis einer Site ablegen können.
Wie es funktioniert
- 1
Laden Sie ein quadratisches PNG-, JPG- oder WebP-Bild hoch – eine Logo-Marke funktioniert in dieser Größe besser als eine vollständige Wortmarke.
- 2
Das Bild wird auf eine kleine Leinwand in Ihrem Browser gezeichnet, um das Symbol zu erstellen.
- 3
Sehen Sie sich in der Vorschau an, wie die Markierung aussieht, nachdem sie auf Tabulatorgröße verkleinert wurde.
- 4
Laden Sie das Symbol herunter und verweisen Sie im HTML-Kopf Ihrer Website darauf oder platzieren Sie es unter /favicon.ico.
Hauptvorteile und Vorteile
Kein Upload-Schritt
Das Bild wird mit der Datei-API gelesen und lokal gezeichnet, sodass ein unveröffentlichtes Logo niemals einen Server eines Drittanbieters erreicht.
Realistische Vorschau
Sie sehen die verkleinerte Markierung, bevor Sie es versenden. Dann erweisen sich die meisten Logos bei 16 Pixeln als unleserlich.
Funktioniert mit gängigen Formaten
PNG-, JPG- und WebP-Quellen werden alle akzeptiert, sodass Sie jeden Export verwenden können, den Sie bereits haben.
Kostenlos und unbegrenzt
Kein Konto, kein Wasserzeichen und keine Obergrenze für die Anzahl der generierten Symbole.
Wofür die Leute es verwenden
- Hinzufügen eines Favicons zu einer neuen Website, Landingpage oder einem internen Tool.
- Ersetzen des Standardsymbols eines Frameworks vor dem Start.
- Überprüfen Sie, ob ein Logo in Tab-Größe lesbar bleibt, bevor Sie sich dazu verpflichten.
- Erstellen eines Symbols für eine Dokumentationsseite oder einen statischen Export.
Unterstützte Formate und Optionen
| Eingabe | PNG, JPG/JPEG, WebP |
|---|---|
| Ausgabe | Von der Leinwand gerenderte Symboldatei, heruntergeladen von Ihrem Browser |
| Empfohlene Quelle | Ein quadratisches Bild, mindestens 512 x 512, mit zentrierter Markierung und großzügigem Abstand |
Datenschutz und Datenverarbeitung
Ihr Bild wird mit der Datei-API in den Browserspeicher eingelesen und auf eine Leinwand auf Ihrem eigenen Gerät gezeichnet. Es wird nie hochgeladen, was wichtig ist, wenn das Logo noch nicht angekündigt wurde.
Grenzen und Wissenswertes
- Die Leinwand erzeugt ein einzelnes Rasterbild. Es wird kein ICO-Container mit mehreren Auflösungen erstellt, der 16-, 32- und 48-Pixel-Varianten enthält – moderne Browser akzeptieren ein PNG-Favicon, aber sehr alte erwarten ein echtes ICO.
- Bei der Favicon-Größe gehen per Definition Details verloren. Ein Logo mit feinem Text oder dünnen Strichen wird nicht überleben; Vereinfachen Sie stattdessen die Markierung.
- Die Transparenz bleibt nur erhalten, wenn die Quelle über einen Alphakanal verfügt – eine JPG-Quelle hat keinen.
Fehlerbehebung
Das Favicon erscheint nach dem Hochladen nicht
Browser speichern Favoriten aggressiv zwischen. Laden Sie die Seite neu oder öffnen Sie direkt die Symbol-URL, um zu bestätigen, dass sie bereitgestellt wird, bevor Sie davon ausgehen, dass die Datei falsch ist.
Das Symbol auf der Registerkarte sieht verschwommen aus
Beginnen Sie mit einer einfacheren Marke mit weniger Elementen und mehr Polsterung. Feine Details und dünne Striche verschwinden unabhängig von der Quellauflösung bei 16 bis 32 Pixeln.
Ein alter Browser ignoriert das Symbol
Einige ältere Browser akzeptieren nur eine echte ICO-Datei mit mehreren Größen. Referenzieren Sie das Symbol explizit mit einem Link-Tag im Kopf, anstatt sich auf die /favicon.ico-Erkennung zu verlassen.
Favicon Generator — Create ICO & PNG Site Icons Online
Turn any image into a complete favicon set — the classic .ico plus every PNG size modern browsers, Android and iOS actually request. A free favicon generator that outputs the files and the HTML link tags to go with them.
- Every size browsers ask for — 16x16 and 32x32 for tabs and bookmarks, 180x180 for the iOS home screen, 192x192 and 512x512 for Android and PWA manifests.
- ICO conversion included — produce a genuine multi-resolution favicon.ico for the root of your site, not just a renamed PNG.
- Copy-paste HTML tags — the matching link and manifest markup comes with the download, so nothing silently 404s after you deploy.
- Works from PNG, JPG or SVG — start from a logo, an app icon or an illustration and let the generator handle the resizing and cropping.
- Processed in your browser — unreleased brand marks are converted locally with no upload to an icon service.
Free and unlimited. Generate the rest of your page head with the Meta Tag Generator, including the Open Graph image reference.
Häufig gestellte Fragen
What size should my source image be?
Start from a square image of at least 512x512 with the mark centred and some padding. Detail disappears at tab size, so a simple mark works far better than a full logo with text.
Do I still need a .ico file?
Modern browsers accept a PNG favicon referenced from a link tag. A true multi-resolution ICO is only needed for very old browsers that look for /favicon.ico and expect that container format.
Why has my new favicon not appeared?
Favicons are cached aggressively. Hard-reload the page, and open the icon URL directly to confirm the server is actually serving the new file before concluding the icon is wrong.
Was ist die empfohlene Quellbildgröße?
Ein quadratisches PNG-Bild mit 512 x 512 Pixeln eignet sich am besten zum Generieren sauberer Favicons.
Welche Größe sollte mein Quellbild haben?
Beginnen Sie mit einem quadratischen Bild von mindestens 512 x 512 mit zentrierter Markierung und etwas Abstand. Details verschwinden bei Tabulatorgröße, sodass eine einfache Markierung weitaus besser funktioniert als ein vollständiges Logo mit Text.
Benötige ich noch eine .ico-Datei?
Moderne Browser akzeptieren ein PNG-Favicon, auf das von einem Link-Tag verwiesen wird. Ein echtes ICO mit mehreren Auflösungen ist nur für sehr alte Browser erforderlich, die nach /favicon.ico suchen und dieses Containerformat erwarten.
Warum ist mein neues Favicon nicht erschienen?
Favicons werden aggressiv zwischengespeichert. Laden Sie die Seite neu und öffnen Sie die Symbol-URL direkt, um zu bestätigen, dass der Server die neue Datei tatsächlich bereitstellt, bevor Sie zu dem Schluss kommen, dass das Symbol falsch ist.
Verwandte Tools
SVG-zu-PNG-/JPG-Konverter
Konvertieren Sie SVG-Vektordateien in HD-PNG- oder JPG-Bilder
Bild-Resizer und Seitenverhältnis
Passen Sie die Größe von Bildern an benutzerdefinierte Breite/Höhe und soziale Verhältnisse an
Bildkonverter
Konvertieren und komprimieren Sie Bilder zwischen Formaten
CSV-zu-JSON- und Excel-Konverter
Konvertieren Sie CSV-Tabellen in JSON-Arrays und umgekehrt