Favicon auf homepage erstellen

Dezember 2016

Favicon ist ein kleines, 16×16 oder 32×32 Pixel großes Icon, Symbol oder Logo, das unter anderem in der Adresszeile eines Browsers links von der URL angezeigt wird und meist dazu dient, die zugehörige Website auf wieder anerkennbare Weise zu kennzeichnen. Von den Browsern werden aber nur 16×16 Pixel angezeigt. Das Favicon taucht auch in der Lesezeichenleiste (Favoriten), bei den Registerkarten (oder Tabs) und unter Windows beim Speichern einer Seite auf dem Desktop auf.


Favicon erstellen


Es gibt viele Methoden:

Bei den meisten Browsern


Sie sollten erstens ein Bild png oder gif erstellen.
Sie können verschiedene Größen 16x16 oder 32x32 (in Pixeln) auswählen.

Für Internet Explorer


Wie immer, Für diesen Browser, müssen Sie ein Bildformat ico, mit Größe 16x16 Pixeln verwenden.

Um ein animiertes Favicon zu erstellen


Mit diesem Tool köonen Sie eine ICO-Datei erzeugen und Ihr Favicon animieren.

Klicken Sie auf Durchsuchen... und wählen Sie Bild aus.

Sie können auch einen Text hinzufügen, der nach Ihrer Ikone vorbeiziehen wird.

Sie können auch ein animiertes Symbol ohne Texte erzeugen, und zwar mit dem Anhaken vom Feld: Animated Favicon.

Doppelklick dann auf Generate Favicon.ico

Sie sehen eine Vorschau Ihres Favicon.

Dann laden Sie einfach die ZIP-Datei auf Ihrem Computer herunter.

Nach dem Entpacken der heruntergeladenen Datei, kopieren Sie die Datei favicon.ico auf Ihre Website.

Favicon Online setzen


Man muss dann das Favicon auf der Webseite abstellen.

Hier ist ein Beispiel mit einem Bild im PNG-Format:
<link rel="icon" type="image/png" href="/images/mafavicon.png" />

Je nach Format, ändert sich das Attribut "type":
  • Format png : image/png
  • Format gif : image/gif
  • Format jpeg (extension jpg ou jpeg) : image/jpeg


Und wenn Sie ein Favicon haben, das keine Standards respektiert, ändert sich das Attribut "rel" auch:
<link rel="shortcut icon" type="image/x-icon" href="/images/icone_ie.ico" />

Es ist auch möglich, eine favicon.ico-Datei , auf der Seite hochlzuaden

Wenn Ihr Symbol animiert ist(GIF)


Fügen Sie folgendes hinzu:
<link rel="icon" href="/images/animated_favicon1.gif" type="image/gif">

Anmerkungen

  • Si vous utilisez une icône dans un format standard mais aussi une autre au format ico, évitez de placer cette dernière à la racine : les navigateurs l'afficheront si ils ne trouvent pas l'image au format png.
  • Wenn Sie Sowohl ein Symbol in Standard-Format, als auch im ico-Format benutzen, vermeiden Sie, das Letzte auf die Wurzel zu setzen: die Browsern werden es anzeigen, wenn sie kein Bild im png-Format finden.

Lesen Sie auch :

Das Dokument mit dem Titel « Favicon auf homepage erstellen » aus CCM (de.ccm.net) wird zur Verfügung gestellt unter den Bedingungen der Creative Commons Lizenz. Sie dürfen das Dokument verwenden, verändern sowie Vervielfältigungen dieser Seite erstellen, unter den Bedingungen, die in der vorgenannten Lizenz erwähnt sind und unter der gleichzeitigen Bedingung, dass Sie im Rahmen Ihrer Verwendung, Veränderung oder Vervielfältigung nach außen hin klar und deutlich auf den Urheber (= de.ccm.net) des Dokuments hinweisen.