Favicon Generator

Wie man ein Favicon zu seiner Website hinzufügt

Wenn es um Webdesign und -entwicklung geht, werden Sie vielleicht auf den Begriff Favicon stoßen. Aber was genau ist das? Nun, in diesem Artikel beantworten wir Ihre Frage und zeigen Ihnen, wie Sie ein Favicon zu Ihrer Website hinzufügen können.

Was ist ein Favicon, und warum ist das so wichtig?

Einfach ausgedrückt, ein Favicon ist Ihr Website-Logo, das neben dem Meta-Titel auf der Registerkarte Ihres Browsers erscheint. Mit anderen Worten: Anstatt ein leeres Dokumentensymbol im Browser anzuzeigen, wird auf Ihrer Website Ihr offizielles Website-Icon angezeigt.

Wie füge ich ein Favicon zu meiner Website hinzu?

Wählen Sie eine von zwei Möglichkeiten aus, um ein Favicon zu Ihrer Website hinzuzufügen!

Lassen Sie Browser das Favicon automatisch generieren
Am einfachsten fügen Sie ein Symbol zu Ihrer Website hinzu, indem Sie es als .png- oder .ico-Datei vom Dateimanager Ihres Hostings hochladen. Folgen Sie dazu diesen einfachen Anweisungen:

  1. Erstellen Sie ein quadratisches Bild im .png- oder .ico-Format für Ihr Website-Logo.
  2. Benennen Sie die .png- oder .ico-Datei in Favicon um.
  3. Laden Sie die Datei favicon.png oder .ico in Ihren Ordner hoch. Laden Sie Ihre Website neu, und Sie sehen das Favicon.

Favicon aus einem Bild generieren

Favicon-Generator

Wenn Sie bereits ein Bild haben, das Sie für ein Favicon auf Ihrer Website verwenden möchten, dann ist dies das richtige Tool für Sie. Der Favicon-Generator wandelt Ihr Bild in ein Favicon um. Sie können ein PNG, JPEG, JPG oder GIF hochladen und der Favicon-Generator wird eine ICO-Datei generieren.

Für das beste Ergebnis sollten Sie ein quadratisches Bild hochladen. Wenn Sie Ihr Bild zuschneiden müssen, können Sie ein Standard-Bildbearbeitungstool verwenden. Sobald Ihr Bild vorbereitet ist, laden Sie es mit dem Tool hoch. Überprüfen Sie als nächstes, ob das Vorschaubild Ihren Vorstellungen entspricht. Verwenden Sie schliesslich den Download-Button, um Ihr Favicon im ICO-Format zu exportieren.

» zum Favicon Generator «

Warum brauche ich eine ICO-Datei anstelle eines PNG?

Eine ICO-Datei ist eine spezielle Bilddatei, die vom Browser verwendet wird. Das Einzigartige an einer ICO-Datei ist, dass sie mehrschichtig ist. Jede Schicht des Favicons enthält eine andere Größe des Bildes. Die üblichen Größen für ein ICO-formatiertes Favicon sind 16x16px, 32x32px und 48x48px.

Für beste Kompatibilität können Web-Browser die vom Favicon-Generator erzeugte ICO-Datei nutzen. Die Browser verwenden die verschiedenen Größen für die Anzeige in verschiedenen Bereichen der Website wie der Lesezeichenleiste, der Adressleiste, der Browser-Registerkarte und als Desktop-Verknüpfung.

Welche Arten von Bildern eignen sich am besten für den Favicon-Generator?

Der Favicon-Generator funktioniert am besten mit einem einfachen Symbol, Logo oder Buchstaben. Aufwändige oder komplexe Designs funktionieren nicht gut, wenn sie mit dem Favicon-Generator in der Größe verändert werden, da viele Details verloren gehen.