Blog & News
Aktuelles & Updates von
Aktuelles & Updates von
Joomla, Wordpress und Co.
News, HowTos und Tutorials rund um Webdesign, Webentwicklung, Webhosting und Digitalisierung.
Blog & News
Wie binde ich ein Favicon ein?
07.01.2013 · 1 Min Lesezeit
Wenn man auf einer Seite ein "Favorite Icon" / "Shortcut Icon" einbinden möchte gibt es zwei Möglichkeiten:
-
Einbindung mittels eines Tags im <head>...</head>-Bereich Ihrer Webseite
-
Einbindung über die favicon.ico im root-Verzeichnis Ihrer Webseite
<head>Zurück zur Übersicht
[...]
<link rel="shortcut icon" href="/images/favicon.ico">
<link rel="icon" href="/images/favicon.gif" type="image/gif">
[...]
</head>
Empfohlen wird dabei auch die Absolute URL zu benutzen. Also wie folgt:
<link rel="icon" href="http://www.deine-domain.de/ordner_name/favicon.ico" type="image/x-icon" />
Ein Favicon kann man auch leicht mit Photoshop erstellen. Dazu gibt es ein Plugin welches das Speichern im ICO-Format ermöglicht.
Auch zum empfehlen sind Online-Tools welche aus beliebigen Bildern Favicons in allen notwendigen Auflösungen generieren:
https://www.websiteplanet.com/de/webtools/favicon-generator/
https://realfavicongenerator.net