Kostenlos · Ohne Wasserzeichen · 52 Sprachen

Favicon-Generator für jedes Gerät

Verwandle jedes Bild in favicon.ico, Apple-Touch-Icons, Android- & PWA-Icons und einen fertigen HTML-Code zum Einfügen. Oder zeichne dein eigenes Icon Pixel für Pixel.

Dein Favicon-Paket ist fertig

Lade die Dateien aus der ZIP-Datei hoch und füge diesen Code in den <head> ein

So erstellst du ein Favicon in 3 Schritten

Aus jedem Logo oder Bild in unter einer Minute zu einem vollständigen, standardkonformen Favicon-Set.

Bild hochladen

Ziehe eine PNG-, JPG-, WebP-, AVIF-, GIF-, SVG- oder ICO-Datei in den Generator oder zeichne ein Icon im Pixel-Editor.

Zuschnitt und Farben anpassen

Verschiebe und zoome das Bild, lege Abstand, abgerundete Ecken, Hintergrund und Designfarbe fest.

Herunterladen und einbinden

Lade die ZIP-Datei herunter, lade die Dateien auf deine Website hoch und füge den HTML-Code in den <head> ein.

Alles, was dein Website-Icon braucht

Ein Upload erzeugt jedes Icon, das moderne Browser, Smartphones, Tablets und Betriebssysteme verlangen.

Browser-Favicons

Mehrgrößen-favicon.ico sowie PNG-Icons in 16, 32 und 96 px für Chrome, Firefox, Safari und Edge.

Apple-Touch-Icons

Alle Startbildschirm-Größen für iPhone und iPad von 57 bis 180 px mit einfarbigem Hintergrund.

Android & PWA

Icons bis 512 px, ein maskierbares Icon und eine fertige manifest.json für installierbare Web-Apps.

Windows-Kacheln

Kachelbilder und browserconfig.xml mit deiner Kachelfarbe.

Pixel-Editor

Zeichne ein gestochen scharfes 16×16-Icon von Grund auf oder optimiere jedes Pixel deines Uploads.

HTML-Code inklusive

Copy-and-paste-<head>-Code auf der Download-Seite und in der Readme jedes Pakets.

REST-API

Automatisiere die Favicon-Erstellung mit persönlichen API-Schlüsseln und fertigen Codebeispielen.

Privat & sicher

Kein Hotlinking, keine öffentlichen Galerien. Deine Icons bleiben deine – gehostet auf deinem eigenen Server.

Favicon-Größen im Paket

Datei	Größe	Verwendet von
`favicon.ico`	16, 32, 48	Alle Browser, Windows, Crawler
`favicon-16x16.png`, `favicon-32x32.png`	16, 32	Browser-Tabs, Lesezeichen
`favicon-96x96.png`	96	Google-Suchergebnisse, Desktop-Verknüpfungen
`apple-icon-*.png`, `apple-touch-icon.png`	57 – 180	iPhone, iPad-Startbildschirm
`android-icon-.png`, `web-app-manifest-.png`	36 – 512	Android-Startbildschirm, PWA
`maskable-icon-512x512.png`	512	Adaptive Android-Icons
`ms-icon-*.png`	70 – 310	Windows-Startkacheln
`manifest.json`, `site.webmanifest`, `browserconfig.xml`	—	PWA-Installation, Windows-Konfiguration

Häufig gestellte Fragen

Was ist ein Favicon?

Ein Favicon ist das kleine Symbol, das in Browser-Tabs, Lesezeichen, im Verlauf und in Suchergebnissen neben dem Namen deiner Website angezeigt wird. Moderne Websites benötigen außerdem größere Versionen für den Home-Bildschirm von iPhone und Android, Windows-Kacheln und Progressive Web Apps.

Welche Bildformate kann ich hochladen?

Du kannst PNG, JPG, WebP, AVIF, GIF, BMP, SVG oder eine vorhandene ICO-Datei hochladen. Für das schärfste Ergebnis verwende ein quadratisches Bild mit mindestens 512 × 512 Pixeln und transparentem Hintergrund.

Was enthält das Favicon-Paket?

Eine favicon.ico mit mehreren Größen (16, 32 und 48 px), PNG-Favicons, alle Apple-Touch-Icons, Android- und PWA-Icons einschließlich eines maskierbaren Icons, Windows-Kachelbilder, manifest.json, site.webmanifest, browserconfig.xml sowie eine Readme-Datei mit Installationsschritten und dem einsatzbereiten HTML-Code.

Ist MakeFav kostenlos?

Ja. Favicons zu erstellen, zu bearbeiten und herunterzuladen ist völlig kostenlos. Du brauchst lediglich ein kostenloses Konto mit bestätigter E-Mail-Adresse; kostenlose Konten beinhalten unseren Newsletter, der höchstens einmal pro Woche verschickt wird.

Warum brauche ich zum Herunterladen ein Konto?

Konten schützen den Dienst vor Missbrauch und Hotlinking, speichern den Verlauf deiner Favicon-Pakete und geben dir persönliche API-Schlüssel. Erstellte Icons werden niemals veröffentlicht oder von unseren Servern aus per Hotlink eingebunden – du hostest sie selbst.

Wie installiere ich das Favicon auf meiner Website?

Entpacken Sie das Paket, laden Sie alle Dateien in das Stammverzeichnis Ihrer Website hoch und fügen Sie das HTML-Snippet in den <head>-Bereich jeder Seite ein. Derselbe Code steht auch am Ende der Datei readme-makefav.txt im Paket.

Brauche ich 2026 noch eine favicon.ico?

Ja. Viele Tools, Crawler und ältere Browser fragen weiterhin automatisch /favicon.ico ab. Kombiniere sie mit PNG- und SVG-Icons sowie einem Web-Manifest für die beste Abdeckung.

Kann ich Favicons automatisch erstellen?

Ja. Nutze die MakeFav-REST-API mit deinem persönlichen API-Schlüssel, um vollständige Favicon-Pakete aus deiner Build-Pipeline, deinem CMS oder deiner App heraus zu erzeugen. Codebeispiele findest du in der API-Dokumentation.

Erstelle jetzt dein Favicon