PNG zu Favicon Konverter Kostenlos Online Werkzeug

So erstellen Sie ein Favicon aus PNG

Laden Sie Ihr PNG-Bild hoch.
Ziehen Sie Ihre PNG-Datei per Drag & Drop in das Fenster oder klicken Sie, um sie auszuw hlen. Quadratische Bilder eignen sich am besten f r Favicons.
Favicon-Gr en ausw hlen
W hlen Sie Standard f r ein einfaches Favicon oder Apple Touch f r iOS-Ger te. Sie k nnen auch individuelle Gr en ausw hlen.
Optionen konfigurieren
Transparenz beibehalten, Sch rfe erh hen oder abgerundete Ecken f r Symbole im iOS-Stil hinzuf gen.
Generieren und herunterladen
Klicken Sie auf Favicon generieren und laden Sie Ihre ICO-Datei herunter, die Sie dann auf Ihrer Website verwenden k nnen.

Favicon-Gr enleitfaden

16/16

Browser-Tabs, Adressleiste die klassische Favicon-Gr e, die von allen Browsern verwendet wird.

32/32

Windows Taskleiste, Browser-Lesezeichen und Browser-Tabs mit hoher DPI-Aufl sung.

48/48

Windows Desktop-Verkn pfungen und Website-Symbole.

180/180

Apple Touch-Symbol f r Lesezeichen auf dem iOS-Startbildschirm.

256/256

Windows 10/11 gro e Symbole und hochaufl sende Displays.

Warum PNG f r Favicons?

PNG (Portable Network Graphics) ist das ideale Quellformat f r die Erstellung von Favicons, da es volle Transparenz mit Alphakan len, verlustfreie Komprimierung und scharfe Kanten unterst tzt, die perfekt f r Icons geeignet sind.

Unser Konverter erh lt die Transparenz Ihrer PNG-Datei bei der Favicon-Erstellung, sodass Ihr Symbol auf jedem Hintergrund professionell aussieht. F r optimale Ergebnisse verwenden Sie ein quadratisches PNG-Bild mit einer Gr e von mindestens 256 256 Pixeln.

Profi-Tipp: Verwenden Sie zun chst eine hochaufl sende PNG-Datei (512x512 Pixel oder gr er), um in allen Gr en ein gestochen scharfes Favicon zu erhalten. Unser Tool skaliert die Datei intelligent herunter und bewahrt dabei alle Details.

H ufig gestellte Fragen

F r optimale Ergebnisse verwenden Sie ein quadratisches PNG-Bild mit mindestens 256 256 Pixeln. Gr ere Bilder (512 512 Pixel) erzeugen in allen Gr en sch rfere Favicons. Nicht-quadratische Bilder werden automatisch zugeschnitten.

Ja! Wenn PNG-Transparenz beibehalten aktiviert ist, beh lt Ihr Favicon seine volle Alphatransparenz. Dies ist ideal f r Icons, die auf jedem Hintergrund gut aussehen sollen.

Laden Sie die Datei favicon.ico in das Stammverzeichnis Ihrer Website hoch und f gen Sie anschlie end diesen Code in Ihren HTML-Code ein. Abschnitt: <link rel="icon" href="/de/favicon.ico">Die meisten Browser suchen auch automatisch nach /favicon.ico.

ICO-Dateien k nnen mehrere Gr en in einer einzigen Datei speichern und eignen sich daher ideal f r Favicons. PNG-Favicons bestehen aus einzelnen Bildern und ben tigen mehrere Dateien f r verschiedene Gr en. ICO bietet eine bessere Browserkompatibilit t, insbesondere mit lteren Browsern.

Wenn Ihre Website-Besucher iOS-Ger te verwenden, ja! Das 180x180 Apple Touch-Symbol wird angezeigt, wenn Nutzer Ihre Website zu ihrem Startbildschirm hinzuf gen. Verwenden Sie die Voreinstellung Apple Touch , um diese Gr e in Ihr Favicon einzubinden.

PNG-zu-Favicon-Konverter

Hier k nnen Sie Ihr PNG-Bild einf gen.

Bildvorschau

Favicon-Vorschau

Favicon-Optionen

Favicon generiert!

So verwenden Sie Ihr Favicon

So erstellen Sie ein Favicon aus PNG

Favicon-Gr enleitfaden

Warum PNG f r Favicons?

H ufig gestellte Fragen

Our Marketplace & Social Media Partners

Hier k nnen Sie Ihr PNG-Bild einf gen.

Bildvorschau

Favicon-Vorschau

Favicon-Optionen

Favicon generiert!

So verwenden Sie Ihr Favicon

So erstellen Sie ein Favicon aus PNG

Favicon-Gr enleitfaden

Warum PNG f r Favicons?

H ufig gestellte Fragen

Our Marketplace & Social Media Partners

Feedback senden

Danke!

Hoppla!