FaviconMaker.net

Favicon-Vorschau

Sehen Sie sich Ihr Symbol in echten Favicon-Größen (16×16, 32×32) in der Vorschau an und sehen Sie, wie es in einem Browser-Tab in heller und dunkler Benutzeroberfläche aussieht.

Pixelgenaue GrößenHelle + dunkle BenutzeroberflächeLäuft in Ihrem Browser

Platzieren Sie hier Ihr Logo

oder Dateien durchsuchen

PNG,JPG,JPEG,SVG • Max 10MB

92%
50%75%100%

So verwenden Sie diese Vorschau

  1. Laden Sie Ihr Logo (oder ein generiertes Symbol wie …) hoch Favicon-512.png).
  2. Schauen Sie sich die Vorschauen mit 16×16 und 32×32 Pixeln an – diese sind für Browser-Tabs am wichtigsten.
  3. Wenn es matschig aussieht, vereinfachen Sie das Symbol und erstellen Sie ein vollständiges Paket neu.

Benötigen Sie einen kompletten Satz Dateien + Tags? Benutzen Sie die Favicon-Generator.

Meine Website
example.com

Laden Sie ein Bild für die Vorschau hoch

Helle Oberfläche

Meine Website
example.com

Laden Sie ein Bild für die Vorschau hoch

Dunkle Oberfläche

Pixelvorschau

In Originalgröße gerendert (dann gezoomt)

16×16Zoom ×10

Auf Transparenzraster

Auf dunkler Oberfläche

32×32Zoom ×10

Auf Transparenzraster

Auf dunkler Oberfläche

Gängige Größen

16×16 (tab)
32×32 (tab)
48×48
64×64
180×180 (iOS)
192×192 (PWA)
512×512 (PWA)

Nächste Schritte

Generieren Sie einen vollständigen Satz Dateien mit dem Favicon-Generator.

Überprüfen Sie Ihre ZIP-Adresse, bevor Sie sie bereitstellen Favicon-Paket prüfen.

Wenn sich Ihr Symbol nach der Bereitstellung nicht ändert, befolgen Sie die Anweisungen Checkliste zum Cache-Busting.

Häufig gestellte Fragen

Laden Sie mein Bild hoch?

Nein. Vorschauen werden lokal in Ihrem Browser gerendert.

Was soll ich hochladen?

Laden Sie Ihr Logo oder Ihr generiertes Favicon PNG (wie Favicon-512.png) hoch. Quadratische Bilder funktionieren am besten.

Warum sieht 16×16 schlecht aus?

Die meisten Symbole benötigen eine vereinfachte, kleine Version. Versuchen Sie es mit dickeren Formen, höherem Kontrast und weniger Details.

Brauchen Sie ein komplettes Paket?

Generieren Sie eine vollständige Favicon-ZIP-Datei und validieren Sie sie dann vor der Bereitstellung.