Erstellen Sie kostenlos ein Favicon oder Apple Touch Icon für Ihre Website.
Wählen Sie das gewünschte Bild, das ins richtige Format umgewandelt werden soll.

Bildangaben

Favicon / Apple Touch Icon Größe:
Bilddatei: (Max. 1024 KB)

Zu letzt generiert

FaviconFaviconFaviconFaviconFaviconFaviconFaviconFaviconFaviconFaviconFaviconFaviconFaviconFaviconFaviconFaviconFaviconFaviconFaviconFaviconFaviconFaviconFaviconFaviconFaviconFaviconFaviconFaviconFaviconFavicon
Insgesamt wurden 406 Favicons generiert.

Einbindung in eine HTML-Seite

  1. Laden Sie das erstellte Icon ins Hauptverzeichnis auf Ihren Webspace.
  2. Fügen Sie im Headerbereich der Seite, zwischen <head>...</head>, folgenden Code hinzu. (URL und Iconbezeichnung entsprechend anpassen.)
<link rel="icon" type="image/png" href="http://domain.de/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="http://domain.de/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="http://domain.de/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="http://domain.de/favicon-192x192.png" sizes="192x192">
<link rel="apple-touch-icon" sizes="57x57" href="http://domain.de/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="76x76" href="http://domain.de/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="120x120" href="http://domain.de/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="180x180" href="http://domain.de/apple-touch-icon-180x180.png">

Was ist ein Favicon bzw. Apple Touch Icon?

Ein Favicon bzw. Apple Touch Icon (kurz für favorite icon, engl. für Favoriten-Symbol) ist ein kleines, 16x16, 32x32 oder größer, -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 wiedererkennbare Weise zu kennzeichnen.

Quelle, mehr über Favicon: http://de.wikipedia.org/wiki/Favicon