Die i-Tüpfelchen: Favicons

Die i-Tüpfelchen: Favicons
Schenken Sie Ihrer URL ein eigenes Icon
Sie werden lernen:
왘
Wo werden Favicons überall angezeigt?
왘
Wie kommen Favicons in die Adressleiste?
왘
So erstellen Sie Favicons auf Windows und Mac
왘
Ein Favicon für unsere eigene Website
Die i-Tüpfelchen: Favicons
Was sind Favicons? Das sind kleine Symbole, die neben den Webadressen in der Adressleiste des Browsers erscheinen. Diese kann man mit
speziellen Programmen ganz einfach erstellen und mit Dreamweaver
auf den Webserver laden.
1
Was sind Favicons?
Favicons sind kleine Icons, genau 32 x 32 Pixel groß, zusammengesetzt aus maximal 256 Farben und abgespeichert im ICO-Format.
Abbildung 1 왘
Die Favicons von Apple,
Heise.de und Spiegel Online
erscheinen neben der URL in
der Adressleiste des
Webbrowsers.
Website zu Favicons
Auf der Website http://
www.favicons.de erhalten
Sie weitere Tipps zu Favicons.
Dort finden Sie nicht nur Anleitungen zur Erstellung von
Favicons, sondern auch eine
große Galerie.
Viele namhafte Websites setzen Favicons ein, um ihr Logo auch in
der Adressleiste und in den Favoriten bzw. Bookmarks in den Browsern zu präsentieren. Unter Windows können Favicons zusätzlich
auch in der Taskleiste, im Windows-Startmenü und auf dem Desktop angezeigt werden.
Favicons sind nicht dringend erforderlich für eine Website. Sie
sind jedoch so etwas wie ein i-Tüpfelchen und sehen ungemein professionell aus.
Abbildung 2 왘
Favicons werden von den
meisten Webbrowsern auch
im Lesezeichen-Menü angezeigt.
2
Favicons erstellen
Für die Erstellung von Favicons gibt es spezielle Programme. Im Folgenden werden wir uns anschauen, wie damit Favicons für Mac und
Windows gebaut werden. Es gibt sogar Dienste im Internet, mit der
2
2
Favicons erstellen
man online Favicons erstellen kann. Wie das geht, erfahren Sie am
Ende des Kapitels.
Favicons mit dem Mac
Für den Mac gibt es ein hervorragendes Programm, mit dem Sie Favicons erstellen können. Mit der Software GraficConverter (ausgezeichnet mit dem MacUser Award 2003) von Thorsten Lemke kann
man nicht nur Bilder in alle nur erdenklichen Grafikformaten importieren und exportieren, sondern auch Grafiken erstellen und bearbeiten. Sie können die Software von der Website http://www.lemkesoft.de downloaden und ausprobieren. Der GraficConverter ist
Shareware. Gegen eine geringe Gebühr können Sie ihn lizenzieren.
왗 Abbildung 3
Mit der Software GraficConverter kann man auf dem Mac
Bilder ins ICO-Format exportieren.
Schritt für Schritt: Favicon unter Mac OS erstellen
Erstellen Sie mit einer beliebigen Grafiksoftware (z. B. Photoshop
oder Fireworks) ein Bild in der Größe 32 x 32 Pixel und mit 256 Farben. Sie können das Bild auch direkt mit dem Programm GraficConverter erstellen.
Speichern Sie das Bild im BMP-Format (8 Bit bzw. 256 Farben)
unter dem Namen favicon.bmp ab.
1. Favicon erstellen
3
Die i-Tüpfelchen: Favicons
2. Bild im GraficConverter öffnen
Öffnen Sie das Bild in GraficConverter mit Ablage • Öffnen. Speichern Sie es dann unter Ablage • Speichern, wieder ab. Sie sollten
im erscheinenden Dialogfenster die folgenden Einstellungen vornehmen:
�
�
�
�
�
왘
왘
왘
Ende
4
왘
Geben Sie unter � den Namen favicon.ico ein. Wählen Sie dann
den Ordner aus, in dem das Favicon abgespeichert werden soll.
Damit es vom Webbrowser erkannt wird, muss es sich im gleichen Ordner befinden wie die Homepage � index.html.
Wählen Sie in der Format-Liste � Windows Icon aus.
Wählen Sie schließlich noch WWW-Ready � aus, damit keine
Ressource (speziell für Mac) mit abgespeichert wird.
Klicken Sie auf Sichern �, um das Favicon zu erstellen.
2
Favicons erstellen
Wenn Sie das Favicon mit Dreamweaver auf den Webserver übertragen, wird es im Browser der Besucher Ihrer Website angezeigt.
Favicons mit Windows
Unter Windows ist es nicht einmal nötig, eine Software zu lizenzieren. Sie können hier das kostenlose Tool »Bitmap to Icon« von der
Firma QTam verwenden. Zum Herunterladen finden sie es auf der
Website http://www.qtam-computer.com.
Wirklich kostenlos?
Beachten Sie, dass nur die ältere Version Bitmap to Icon
2.5.10 kostenlos ist. Neuere
Versionen sind kostenpflichtig. Für die Erstellung einfacher Favicons reicht die ältere Version aber völlig aus.
Schritt für Schritt: Favicon unter Windows erstellen
Auch hier müssen Sie die Grafik für das Icon zunächst in der Größe
32 x 32 Pixel und mit 256 Farben erstellen und im BMP-Format abspeichern.
1. Favicon erstellen
Öffnen Sie das Bild nun mit dem Tool Bitmap to Icon, indem Sie auf
die Schaltfläche Open BMP klicken.
2. Bild öffnen
Klicken Sie auf die Schaltfläche Save ICO, um das Bild im ICO-Format zu speichern. Es öffnet sich ein Dialogfenster, in dem Sie den
Zielordner und den Dateinamen eingeben können.
Geben Sie den Namen »favicon« ein und wählen Sie den Ordner
aus, in dem es gespeichert werden soll. Damit es vom Webbrowser
erkannt wird, muss es auch hier im gleichen Ordner gespeichert werden, wie die Homepage index.html. Klicken Sie auf Speichern, um
das Favicon zu erstellen.
3. Bild konvertieren
5
Die i-Tüpfelchen: Favicons
4. Übertragen
Ende
Übertragen Sie das Favicon mit Dreamweaver auf den Webserver
und es wird in der Adresszeile angezeigt, wenn ein Besucher auf Ihre
Website kommt.
Favicons online erstellen
Dank eines Services im Internet kann man sogar ohne das Herunterladen von Software Favicons aus GIF- und JPG-Grafiken erstellen.
Auf der Webseite http://www.chami.com/html-kit/services/favicon/ befindet sich bei »Service FavIcon from Pics« ein Formular, mit
der Sie Grafiken für die Konvertierung hochladen können. Sekunden
später erhalten Sie die konvertierte Grafik als Favicon.
Abbildung 4 왘
Die Website http://www.htmlkit.com/favicon/ bietet einen
kostenlosen Service zum Konvertieren von Bildern ins Favicon-Format.
6