Das Favicon (Shortcut-Icon)

Der html-Code zum Favicon

<html lang="de">
<head>
<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
<meta name="theme-color" content="#ffffff">
</head>
Durch ein einzigartiges und aussagekräftiges Favicon können Sie den Wiedererkennungswert Ihrer Internetpräsenz erhöhen. Das Bild muß als ico-Datei ausgeliefert werden. Zur Umwandlung von üblichen Bildern in das Format ico-Datei stehen im Internet freie Generatoren zur Verfügung.
Im Quellcode oben sind neben dem Favicon noch Bilder aufgeführt, die für iPhone und Co optimiert sind.

Favicon Generator

Generiert wurde der Code durch diesen Favicongenerator: realfavicongenerator.net.
Alles was Sie brauchen ist ein Ausgangsbild für Ihr Favicon mit den Maßen 260 x 260 Pixel. Das Programm generiert Ihnen den Code wie oben zum Einbinden in den head-Bereich Ihrer Website und die entsprechenden Bilder, welche Sie mittels FTP-Programm auf Ihren Webspace laden.