Favicon - Icons für Adressleiste und Favoriten
Was ist ein Favicon? Das Favicon ist ein kleines Icon, welches in der Adressleiste des Browsers angezeigt wird. Desweiteren wird das Favicon als Lesezeichen-Icon verwendet, wenn eine Webseite als Favorit gespeichert wird. Auch bei Schnellverknüpfungen auf Smartphones dient das Favicon als Icon auf dem Home-Bildschirm des Smartphones. Es lohnt sich also, ein individuelles Favicon für die eigene Homepage zu erstellen und zu verwenden.
So sieht das dann aus (Beispielseite Yahoo):
Das kleine Y! vor http://de.yahoo.com/ ist der Favicon. Sie können den Favicon auch in Ihrem Head-Bereich im Quelltext genau einbinden - dies ist besonders dann wichtig, wenn Sie einen externen Favicon verwenden wollen, der nicht in dem Stammverzeichnis Ihrer Webseite gespeichert ist:
Bei Favicon im Stammverzeichnis
<html>
<head>
<title>Meine erste Homepage</title>
<link rel="shortcut icon" href="favicon.ico" >
</head>
Alternativ: extern verlinkter Favicon
<html>
<head>
<title>Meine erste Homepage</title>
<link rel="shortcut icon" href="http://www.meine-erste-homepage.com/bilder/favicon.ico" >
</head>
Der rote Teil ist im Quelltext einzufügen als Hinweis auf den Favicon. Wenn Sie keine Angabe über den Favicon im Head-Bereich erstellen, suchen die Browser automatisch im Stammverzeichnis nach der Datei favicon.ico. Favicons werden immer im Dateiformat ico erstellt, die möglichen Größe ist 16 x 16 Pixel (als alternative Größe kann zusätzlich der Favicon in 32 x 32 Pixel erstellt werden). Die Farbauswahl sollten auf 256 Farben beschränkt werden. Es gibt auch die Möglichkeit, transparente Bereiche in einem Favicon zu definieren.
Vorteile des Favicons: In der Favoritenliste Ihrer User fallen Webseiten mit einem individuellem Icon besser auf als mit einem Standard-Icon. Natürlich muss dabei der Favicon zum Design und Thema der Webseite passen. Dabei sollte folgender Sinnspruch gelten:
Einen Menschen erkennen Sie an seinem Gesicht!
Eine Stadt erkennen Sie anhand der Bauwerke!
Eine Homepage erkennen Sie wieder anhand des Favicon !
Wie erstellen Sie sich jetzt schnell und einfach ein Favicon? Es gibt nachfolgende Generatoren im Internet:
www.antifavicon.com - generiert kleine Text-Favicons - www.animatedfavicon.com - erstellen Sie sich einen animierten Favicon
- www.chami.com/html-kit/services/favicon - Ein sehr einfacher und schöner Online-Generator (Favicon Maker). Sie können ein vorhandenes Bild nehmen und der Online-Service erstellt daraus ein Favicon. Schneller und einfacher geht es nicht!
- www.dagondesign.com/tools/favicon-generator-tool - Favicon-Generator
- www.degraeve.com/favicon - individuell erstelltes Favicon
- www.favicon.cc - fantastischer Favicon-Generator mit einfacher Bedienung, Live-Vorschau und direktem Download als .ico-Datei.
- www.favicon.co.uk - Favicon-Generator und Favicon-Gallery
- www.faviconcenter.com - Beispiele von Favicons und Favicon-Generator
- www.favicongenerator.com - Favicon-Generator
- www.favicongenerator.net - Favicon-Generator
- www.favicongenerator.org - Favicon-Generator
- www.favicon-generator.org - Favicon-Generator
favicon.gordon-zube.de - Favicon-Generator, erstellt Ihnen aus einer vorhandenen Bilddatei ein Favicon- www.favicon-maker.de - erstellen Sie in Sekundenschnelle ein Favicon aus einer Grafikdatei - auf Wunsch sogar animiert mit individuellem Lauftext
- www.favicontool.com - Favicon-Tool, erstellt aus Grafiken ein Favicon, auf Wunsch mit Lauftext. Das PHP-Script zur Erstellung von Favicons kann käuflich auf der Webseite für andere Webseiten, die einen solchen Favicon-Service anbieten wollen, erworben werden.
- www.favinator.de - Favicon-Generator plus Informationen (unter Tipps/Hilfe) zu Favicons
- www.freefavicon.com - kostenloser Favicon-Generator
- www.genfavicon.com - Favicon-Generator, generiert aus vorhandenen Grafikdateien einen Favicon
- www.iconbarn.com/letters.html - kostenlose Buchstaben-Favicons, auf der Hauptseite unter www.iconbarn.com finden sich viele weitere kostenlose Favicons in Rubriken sortiert (z.B. Natur, Zahlen, Weltraum etc.). Der Anbieter bietet zudem die erstellung von individuellen Favicons gegen Bezahlung an.
- www.ixfix.com - bei ixfix Favicons finden Sie fertige Buchstaben-Favicons von A-Z zur freien Verwendung
- www.prodraw.net/favicon/index.php - Free Online Favicon Generator
- www.rw-designer.com/online_icon_maker.php - Online-Favicon-Maker
- tools.dynamicdrive.com/favicon - Favicon-Generator
- www.webscriptlab.com/favicongenerator.php - Favicon-Generator
Sie können auch mit einigen Grafikprogrammen wie Michelangelo, IcoFX und Junior Icon Editor Favicons generieren, ebenso kann das Bildbetrachtungsprogramm Irfanview bestehende Grafiken in das ICO-Format umwandeln. Ein einfaches Umbenennen eines Gifs z.B. im Windows-Explorer in eine ICO-Datei funktioniert dagegen nicht (in der Regel wird sogar der Warnhinweis: "durch diese Umbennenung kann Ihre Datei unbrauchbar werden" angezeigt).
In einigen Browsern wird der Favicon nicht sofort nach dem Bookmarken einer URL angezeigt. Oftmals hilft es, den Cache zu leeren und es dann nochmal zu versuchen.
Weitere Infos zu Favicons finden Sie auf folgenden Internetseiten:
- www.bjoernsworld.de/ie/favicon.html - Informationen zum Favicon
- www.deltatangobravo.com/archives/2004/march/favourite - Favourite Favicons
- www.favicon.com - Infos in Englisch, leider nur noch mit kostempflichtigem Icon-Service.
- www.favicons.de - hier wird erklärt, was Favicons sind
- www.iconarchive.com - hier gibt es ein riesiges Icon-Archiv, hier finden Sie auch Ihren Traum-Favicon!!! Viele Icons werden frei zum Download angeboten.
- www.icondatenbank.com - jede Menge kostenlose Icons, auch als Favions zu verwenden.
- www.makikoitoh.com/archives/2004/01/03/favicon.php - Infos zu bekannten Favicons
- michael-hocke.de/news/favicon-erstellen-und-einbinden-anzeigeprobleme-vermeiden-tutorial-zum-webseiten-icon - Favicon-Tutorial
- www.photoshopsupport.com/tutorials/jennifer/favicon.html - wie erstelle ich in Photoshop einen Favicon - hier finden Sie ein Tutorial
- www.smashingmagazine.com/2007/01/31/inspire-yourself-50-remarkable-favicons - zur Inspiration: 50 schöne Favicons
- www.thefavicongallery.com - the favicon gallery - Gallery mit ausgewählten Favicons zur Inspiration
- de.wikipedia.org/wiki/Favicon - Rubrik Favicon bei Wikipedia
- www.willikuesters.de/Favicon.htm - Informationen zum Favicon mit Einbauanleitung und Muster-Favicons.
| Twittern |
Weitere interessante Rubriken / Webseiten zu diesem Themenbereich:
- Buttons - erstellen Sie kleine Grafiken als Schaltflächen
- Grafiken - Bilder für die eigene Homepage
- Icons - kleine Grafiken - ideal für die Gestaltung Ihrer Internetseite
- Logo - erstellen Sie ein einprägsames Logo für Ihre Webseite
Newsbox
Nachfolgend die 5 neuesten Nachrichten, Links und Tools für Webmaster:Responsive Webtemplates
www.responsive-webtemplates.com - Vorlagen zum Gestalten individueller Homepages für Handy, Tablet und Desktop, Livedemo der Templates sowie lizenzfreie Fotos und kostenlose Tools für das eigene Design von Webseiten.
Geschrieben am 13 May 2013 von meine-erste-homepage.com
Homepage Service Peukert
www.homepage-service-peukert.de - Homepageservice von A bis Z - Erstellung von Webseiten, Bannern, Logos, Header und Verkauf von Software. Von der Idee, der Erstellung, den Eintrag in Suchmaschinen, der Werbung und der Betreuung einer Webseite bietet mein Homepage Service alles aus einer Hand. Ideal für Privatpersonen, Vereine, Kleinunternehmen und Vermieter von Ferienobjekten.
Geschrieben am 13 May 2013 von meine-erste-homepage.com
Kostenlose Subdomains bei Seite24.tk
seite24.tk - kostenloser Kurz-URL Dienst mit den Domains seite24.tk, forum123.tk und te4ms.tk.
Geschrieben am 12 May 2013 von meine-erste-homepage.com
Von Behren Mediendesign
www.vb-mediendesign.net - Von Behren Mediendesign ist eine kreative Agentur aus Petershagen-Friedewalde mit dem Fokus auf maßgeschneiderten Gestaltungslösungen nicht nur für kleine und mittelständische Unternehmen, sondern auch für Privatpersonen und Vereine. Sowohl im Bereich der digitalen Medien als auch der Printmedien bieten wir Ihnen individuelle Lösungen aus einer Hand.
Geschrieben am 12 May 2013 von meine-erste-homepage.com
Art und Werk - Online Marketing und Webdesign
www.art-und-werk.de - Art und Werk Online Marketing und Webdesign mit Sitz in Bad Fallingbostel hat sich auf Beratung und Begleitung von Unternehmen im Online Marketing und Webdesignspezialisiert. Insbesondere betreut Art und Werk Online Marketing Bereiche wie: Suchmaschinenoptimierung, Suchmaschinenmarketing-Google Adwords, Social Media und benutzerfreundliches Webdesign.
Geschrieben am 12 May 2013 von meine-erste-homepage.com
Mehr Nachrichten in unserer Rubrik "Updates und News für Webmaster"
Deshalb ist es nicht nur für die Optik wichtig sondern oftmals das i-Tüpfelchen um Qualität zu vermitteln.
Und zu dir Stefan folgendes:
In vielen Webdesign Programmen lässt sich das favicon mittlerweile als Bild einfügen ohne sich mit Quelltext auseinandersetzen zu müssen.
Eventuell mal ein anderes Programm nehmen welches eher auf die Anforderungen von Anfängern geschnitten ist.
Sämtliche, bisher gefundenen Anleitungen zu dieser Thematik sind für einen Laien schwerlich verständlich.
Der Fehler der hier von den Verfassern der Anleitungen begangen wird: Sie setzen einfach Kenntnisse voraus, über die ein PC-Laie im Gebiet Webdesign gar nicht verfügt bzw. verfügen kann.
Darüber sollte man nachdenken.