Die i-tüpfelchen: Favicons

Transkript

1 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

2 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 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

3 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 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

4 2. Bild im Grafic- Converter ö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 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. 4

5 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 Wirklich kostenlos? Beachten Sie, dass nur die ältere Version Bitmap to Icon 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. Öffnen Sie das Bild nun mit dem Tool Bitmap to Icon, indem Sie auf die Schaltfläche Open BMP klicken. 1. Favicon erstellen 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

6 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 befindet sich bei»service FavIcon from Pics«ei n 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 bietet einen kostenlosen Service zum Konvertieren von Bildern ins Favicon-Format. 6