Favicon-Generator

Kostenloser Favicon-Generator. Verwandeln Sie ein Bild oder Emoji in Favicons in jeder Größe (16, 32, 180, 192, 512 Pixel) mit abgerundeten Ecken und Hintergrund, sofort herunterladen, keine Anmeldung erforderlich.

Gebaut und gewartet von Shehzad Munir ·

Favicon-Generator
Loading Favicon Generator
  • Bildwerkzeuge
  • Frei · Keine Anmeldung
  • Läuft in Ihrem Browser
  • 5-Funktionen
Share

Ein Symbol, jede Größe

Erstellen Sie ein Favicon aus einem beliebigen Bild oder Emoji und laden Sie jede benötigte Größe herunter, Browser-Tabs mit 16 Pixeln, Apple Touch-Symbole mit 180 Pixeln und PWA-Symbole mit 192/512 Pixeln, mit abgerundeten Ecken und einer Hintergrundfarbe.

Moderne Websites benötigen Favoriten in verschiedenen Größen, ein kleines 16-Pixel-Symbol für Browser-Registerkarten, ein 180-Pixel-Apple-Touch-Symbol für iOS-Startbildschirme sowie 192-Pixel- und 512-Pixel-Symbole für Android- und PWA-Manifeste. Dieser Generator rendert Ihr Bild oder Emoji in jeder Größe auf einer Leinwand, sodass Sie ohne Designsoftware gestochen scharfe Symbole an einem Ort erhalten.

Merkmale

  • Generieren Sie aus einem hochgeladenen Bild oder einem Emoji
  • Alle Größen: 16, 32, 48, 64, 180, 192, 512px + alle herunterladen
  • Abgerundete Ecken, Polsterung und individueller Hintergrund
  • Kopierbereiter HTML-<Link> und Manifest-Snippet
  • Apple Touch-Symbol und PWA-Größen, läuft lokal

So verwenden Sie Favicon-Generator

  1. 1

    Wählen Sie eine Quelle

    Wählen Sie ein Emoji oder laden Sie ein quadratisches Bild hoch.

  2. 2

    Stylen Sie es

    Legen Sie eine Hintergrundfarbe fest und schalten Sie die abgerundeten Ecken ein.

  3. 3

    Vorschau

    Sehen Sie sich die 16-, 32- und 64-Pixel-Vorschauen an.

  4. 4

    Größen herunterladen

    Laden Sie jede Größe herunter, die Sie für Ihre Website benötigen.

Häufige Anwendungsfälle

  • Erstellen Sie ein Favicon für eine neue Website
  • Erstellen Sie ein Emoji-Favicon für ein Nebenprojekt
  • Generieren Sie PWA- und Apple Touch-Symbole
  • Aktualisieren Sie das Tab-Symbol einer Site schnell

Detaillierte Anleitung

Emoji-Favoriten in Sekundenschnelle

Noch kein Logo? Wählen Sie ein Emoji, eine Hintergrundfarbe und abgerundete Ecken und schon haben Sie ein unverwechselbares Favicon. Bevorzugen Sie Ihr eigenes Kunstwerk? Laden Sie ein quadratisches Bild hoch und es wird auf jede Größe skaliert. Alles wird in Ihrem Browser generiert, sodass Ihre Bilder Ihr Gerät nie verlassen.

Welche Favicon-Größen Sie tatsächlich benötigen

Moderne Browser benötigen weitaus weniger Dateien, als in älteren Anleitungen vorgeschlagen wird. Ein favicon.ico mit Bildern in den Größen 16×16, 32×32 und 48×48 Pixel deckt Browser-Registerkarten und ältere Software ab. Ein 180×180 PNG großes Apple-Touch-Symbol wird verwendet, wenn jemand Ihre Website auf einem iPhone- oder iPad-Startbildschirm speichert. Fügen Sie für Android und installierbare Web-Apps 192 x 192 und 512 x 512 PNGs zu Ihrem Web-App-Manifest hinzu. Ein SVG-Favicon ist optional, lässt sich aber perfekt skalieren und kann die Farben für den Dunkelmodus wechseln. Platzieren Sie favicon.ico im Stammverzeichnis Ihrer Website, da einige Browser es dort auch ohne Link-Tag anfordern.

Entwerfen eines Symbols, das mit 16 Pixeln gelesen werden kann

Ein Favicon wird in einem Browser-Tab mit etwa 16 Pixeln angezeigt, sodass Details verschwinden. Verwenden Sie einen einzelnen fetten Buchstaben, ein einfaches Symbol oder Ihr Logo anstelle eines vollständigen Logos mit Text. Starker Kontrast und dicke Formen überstehen die Skalierung am besten; Dünne Linien und Farbverläufe verschwimmen. Vergleichen Sie es sowohl mit hellen als auch mit dunklen Browserthemen, da ein dunkles Symbol in einer dunklen Tab-Leiste verschwinden kann. Emoji-Favicons sind eine schnelle Option für Prototypen und persönliche Websites, werden jedoch auf jedem Betriebssystem unterschiedlich dargestellt. Verwenden Sie daher ein echtes Bild für eine Marke.

Häufig gestellte Fragen

Welche Favicon-Größen benötige ich?

Mindestens 32×32 für Browser-Tabs, ein 180×180 Apple Touch-Symbol für iOS und 192×192 und 512×512 Symbole für Android- und PWA-Manifeste. Dieses Tool exportiert sie alle.

Kann ich aus einem Emoji ein Favicon erstellen?

Ja. Wechseln Sie in den Emoji-Modus, geben Sie ein beliebiges Emoji ein, wählen Sie einen Hintergrund und abgerundete Ecken und laden Sie es in jeder Größe herunter.

Sollte das Quellbild quadratisch sein?

Ja: Ein quadratisches Bild liefert das beste Ergebnis, da die Favicons quadratisch sind. Nicht quadratische Bilder werden entsprechend skaliert.

Werden meine Bilder hochgeladen?

Nein. Alles wird lokal in Ihrem Browser gerendert und nichts wird an einen Server gesendet.

Wie erstelle ich ein Favicon aus einem Bild?

Laden Sie ein PNG, JPG oder SVG hoch (oder verwenden Sie Text/Emoji) und das Tool generiert favicon.ico plus alle PNG-Größen, Apple Touch-Symbole und Android-Symbole, mit dem HTML-Snippet zum Einfügen in Ihre Website.

Welche Favicon-Größen und Dateien benötige ich für eine Website?

Sie benötigen favicon.ico, 16x16 und 32x32 PNGs, ein 180x180 Apple Touch-Symbol und 192/512 Android-Symbole sowie ein Webmanifest. Der Generator gibt das vollständige Paket aus, das sofort eingeliefert werden kann.

Kann ich aus einem Text oder einem Emoji ein Favicon erstellen?

Ja. Geben Sie einen Buchstaben ein oder fügen Sie ein Emoji ein, wählen Sie Farben und Form aus und laden Sie ein komplettes Favicon-Set in mehreren Größen herunter.

Aus dem Tagebuch

All articles →
How to Remove EXIF Metadata From Your PhotosTool Guides

How to Remove EXIF Metadata From Your Photos

Photos carry hidden data like GPS location and camera details. Here's why that matters for privacy and how to strip it before sharing.

SM
Shehzad Munir
Aug 19, 2026 · 3 min
What Is CPS? How to Test and Improve Your Click SpeedTool Guides

What Is CPS? How to Test and Improve Your Click Speed

CPS means clicks per second. Here's how it's measured, what a good score looks like, and how to test your own click speed for free.

SM
Shehzad Munir
Aug 17, 2026 · 3 min
How to Merge PDF Files for Free (Without Uploading Them)Tool Guides

How to Merge PDF Files for Free (Without Uploading Them)

Combine several PDFs into one document, reorder the pages, and keep everything private — no software and no server upload.

SM
Shehzad Munir
Aug 14, 2026 · 2 min