Favicon-Generator

image
favorite

Bild hier ablegen

PNG, JPG oder SVG

16px

32px

64px

128px

256px

Einstellungen

Passen Sie Hintergrund und Ausgabe an

Einstellungen

Wählen Sie Größen und kopieren Sie den HTML-Code

HTML-Code

<link rel="icon" type="image/png" href="favicon.png">
<link rel="icon" type="image/x-icon" href="favicon.ico">

Erstellen Sie Favoriten in Ihrem Browser

Erstellen Sie Favicon-Dateien und Website-Symbol-Assets für Browser-Registerkarten und Web-Apps.

So erstellen Sie ein Website-Favicon

  1. Wählen Sie ein Bild oder erstellen Sie ein einfaches Emoji-Design.
  2. Zeigen Sie eine Vorschau des Favicons an und wählen Sie eine Größe und ein Ausgabeformat aus.
  3. Laden Sie die generierte PNG- oder ICO-Datei herunter.

Erstellen Sie ein Favicon aus einem Logo oder einem Emoji

Verwenden Sie ein Bild, beispielsweise ein PNG-Logo, oder erstellen Sie ein einfaches Symbol auf der Registerkarte „Emoji“. Bildquellen werden unter Beibehaltung ihrer Proportionen in ein Quadrat eingepasst. Sehen Sie sich die kleinen Vorschauen an: Ein detailliertes Logo kann bei 16 oder 32 Pixeln schwer zu erkennen sein. Eine einfache Form mit klaren Abständen liest sich oft besser.

Wählen Sie PNG-Größen oder ein ICO-Favicon in mehreren Größen

Die PNG-Schaltfläche speichert die ausgewählte Größe. „Alle Größen“ lädt separate PNG-Dateien mit 16, 32, 48, 64, 128 und 256 Pixel herunter; Es handelt sich nicht um einen ZIP-Download. Die ICO-Schaltfläche erstellt ein favicon.ico mit 16-, 32- und 48-Pixel-Versionen. Dieses Tool bearbeitet jeweils nur ein Bild oder Emoji-Design.

Fügen Sie das heruntergeladene Favicon zu Ihrer Website hinzu

Platzieren Sie die heruntergeladene Datei auf Ihrer eigenen Website und passen Sie das HTML-Link-Beispiel an den tatsächlichen Dateinamen und Speicherort an. Das Beispiel verwendet favicon.png, während ein PNG-Download seine Größe im Dateinamen enthält, also benennen Sie die Datei um oder aktualisieren Sie den Link. Wenn Sie hier ein Favicon generieren, wird es nicht auf Ihrer Website veröffentlicht. Das Rendern bleibt in Ihrem Browser.

Fragen zum Website-Favicon

Kann ich aus einem Emoji ein Favicon erstellen?

Ja. Der Emoji-Editor kann ein einfaches Favicon-Design erstellen.

Werden Bilder auf einen Server hochgeladen?

Nein. Die Favicon-Generierung läuft in Ihrem Browser und ausgewählte Bilder werden nicht auf die eigenen Server von IMGIUM hochgeladen.

Lädt All Sizes ein Favicon ZIP herunter?

Nein. Es werden sechs separate PNG-Downloads gestartet. Möglicherweise fragt Ihr Browser, ob mehrere Downloads zulässig sind. Verwenden Sie die ICO-Schaltfläche für eine einzelne Datei mit drei Symbolgrößen.

Warum stimmt das HTML-Beispiel nicht mit meinem PNG-Dateinamen überein?

PNG-Downloads enthalten die ausgewählte Größe, z. B. favicon-32x32.png. Benennen Sie diese Datei in favicon.png um oder ändern Sie den Beispiellink in den Dateinamen, den Sie tatsächlich auf Ihre Website hochladen.

Benötigen Sie andere Symbolgrößen oder Quellabmessungen?

Verwenden Sie den ICO-Konverter, um auszuwählen, welche Größen in eine ICO-Datei aufgenommen werden sollen, einschließlich größerer Größen. Ändern Sie die Größe der Quelle separat, wenn Sie auch ein Allzweckbild mit benutzerdefinierten Abmessungen benötigen.