GreenSmilies

GreenSmilies.com hat nun ein eigenes Favicon - natürlich ist es Mr. Green!

Wer die letzten Tage aufmerksam war, müsste mich auch beim Experimentieren mit unterschiedlichen Favicons gesehen haben:

Links außen ein Standard 15×15 Smilie der lange Zeit hier zu sehen war, rechts außen vor dem Original dann das fertige Favicon. Da das ganze doch nicht so simple ist, möchte ich meine Erfahrungen damit kundtun.

Favicon einbauen

Was ein Favicon ist, verrät der obige Link zur Wikipedia, eingebaut wird das ganze am besten als Link-Tag im Head auf allen Seiten das zugehörige Favicon verlinkt. Ich verwende auf allen Seiten das gleiche Favicon und die dazu notwendige Codezeile sieht in meinem Fall so aus:

<link rel="SHORTCUT ICON" href="http://www.greensmilies.com/favicon.ico"  type="image/vnd.microsoft.icon" />

Generell sollte das Favicon immer im root-Verzeichnis der Domain liegen, manche Browser ignorieren nämlich den Link-Tag und suchen im root der Domain eine Datei mit dem Namen “favicon.ico”.

Favicon erstellen

Nun kommen wir zur wichtigsten Frage: Wie erstelle ich ein Favicon? Technisch gesehen ist es eine Datei im Icon-Format (MIME-Type image/vnd.microsoft.icon) und ein meiner Ansicht nach gutes Programm zum Erstellen und Berarbeiten ist VariIcon. Auch wenn einige Browser damit umgehen können, ist es kein guter Stil *.bmp, *.gif oder *.jpg Bilder einfach in *.ico umzubenennen!

Hat man sich in das Programm mal eingearbeitet, wird die Frage nach dem passenden Format aufkommen, hierbei kann ich folgendes empfehlen:

16×16 Pixel bei 32bpp

Es kann nicht schaden auch alle darunter liegenden Farbtiefen mit anzubieten (16 Farben, 256 Farben und 24bbp). Wer es ganz schön haben will, legt dann auch noch eine Ebene mit 32×32 Pixel bei 8 bis 32bpp an, dann wird das Favicon nicht grobpixelig, wenn man es als Verknüpfung auf dem Desktop hat.

Einfache Transparenz scheinen die drei wichtigsten Browser (Internet Explorer, Firefox und Opera) alle zu beherrschen, von alphatransparenten PNGs welche man importieren kann bzw. allgemein von Alphatransparenz kann ich aber nur abraten, da der Internet Explorer 6 damit nicht zurechtkommt und das Icon dadurch sehr unschön aussieht.

Der Internet Explorer 6 zeigt ein Favicon nur an, wenn die Seite in den Favoriten gespeichert wird. Leider ist das kein Garant dafür, dass das Favicon auch weiterhin angezeigt wird - der IE leidet diesbzgl. scheinbar an Demenz.

Zusammenfassung

- Einbau als Link-Tag im Head-Bereich der Seite
- Name der Datei “favicon.ico”
- Immer im root Verzeichnis der Domain
- 16×16 Pixel groß
- Einfache Transparenz ja, aber keine Alphatransparenz
- Möglichst alle Farbtiefen anbieten, vor allem die kleineren

Die ganz Faulen, können einen dieser Favicon-Generatoren verwenden:
- FavIcon from Pics
- FavIcon Generator
- Favicon Creator
- favikon

Wie auf Golem und im Mozilla Blog von Mitchell zu lesen war. hat die Mozilla-Präsidentin Mitchell Baker, gemeinsam mit einigen Entwicklern ein Mozilla Manifest veröffentlicht:

1. Das Internet ist ein integraler Teil des modernen Lebens - eine Schlüsselkomponente in Sachen Bildung, Kommunikation, Zusammenarbeit, Geschäftsleben, Unterhaltung und der
   Gesellschaft als Ganzem.
2. Das Internet ist eine globale öffentliche Ressource, die frei zugänglich bleiben muss.
3. Das Internet sollte das Leben eines jeden Menschen bereichern.
4. Die Sicherheit des Einzelnen im Internet ist fundamental und kann nicht behandelt werden, als wäre sie optional.
5. Jeder Einzelne muss die Möglichkeit haben, seine eigene Erfahrung mit dem Internet zu sammeln.
6. Die Effektivität des Internets als
   öffentliche Ressource beruht auf Interoperabilität (Protokolle, Daten, Datenformate und Inhalte), Innovation und einer dezentralen Teilnahme weltweit.
7. Freie Software und Open Source fördern die Entwicklung des Internets als öffentliche Ressource.
8. Transparente, auf Gemeinschaften basierende Prozesse fördern eine Teilnahme, Verantwortung und Vertrauen.
9. Kommerzielles Engagement an der Entwicklung des Internets bringt viele Vorteile;
   entscheidend ist eine Ausgewogenheit zwischen kommerziellen Zielen und dem öffentlichen Interesse.
10. Den öffentlichen Nutzen des Internets zu vergrößern, ist ein wichtiges Ziel, das es wert ist, Zeit, Aufmerksamkeit und Hingabe zu investieren.

Ist doch schön, das es noch Ideale gibt! Wer dagegen halten will, und weiterhin dem Browserkrieg frönen will, dem bitte ich hier, sofern er/sie Firefox, Internet Explorer oder Opera verwendet folgende Möglichkeiten:

Internet Explorer vs Firefox:

Opera vs Firefox:

Firefox vs Internet Explorer:

Opera vs Internet Explorer:

Firefox vs Opera:

Internet Explorer vs Opera:

PS: Ich verwende zwar alle drei, bevorzuge aber den Firefox da er Dank der vielen Plugins einfach ein Klasse Werkzeug ist.

*Update*

Ich habe vier der Smilies heimlich ausgetauscht - und zwar die vier mit dem Firefox-Logo, welches nun auf dunklen Hintergrund. keine weißen Ränder mehr hat. Ich hatte mich zuvor am Original aus Titelleiste orientiert, aber im nachhinein war das keine gute Idee.