Ein buntes Google-Favicon

11. Januar 2009

Von blau-auf-weiß nach weiß-auf-bunt

Das offizielle Google-Blog und Google Blogoscoped berichten von einem neuen Google-Favicon. Das überrascht ein wenig, weil der letzte Wechsel noch nicht einmal ein Jahr her ist. Das letzte Icon stieß allerdings im Web auf ein eher ablehnendes Echo.

Das neue Icon ist eng in Anlehnung an einen Vorschlag des brasilianischen Studenten André Resende angelehnt. Das Google-Blog berichtet auch von einer Reihe anderer inspirirender Einsendungen. Allesamt griffen die in der letzten Favicon-Variante verlorengegangene Farbe wieder auf.

Im neuen Icon findet sich eine übergrößerte Version des alten Google-”g”s, die Farbe wechselte von blau zu weiß. Der neutral weiße Hintergrund ist nun flächig bunt: die untere Schlaufe des “g”s ist gelb, die obere blau, der “Himmel” rot, die Erde grün. Das Icon ist damit eine farbliche Weiterentwicklung der Vorvorgänger- und der Vorgänger-Variante. Der Vorvorgänger zeigte ein blaues, großes, eher kantiges G auf weißem Grund in einem bunten Rahmen (links blau, rechts rot, Himmel und Erde grün). Der Vorgänger wechselte zu einem geschwungenen kleinen “g” mit zwei geschlossenen Bögen auf weißem Grund.

Was ist ein Favicon?

Ein Favicon ist ein kleines Piktogramm, das in der Adresszeile eines Browsers sowie bei dessen Lesezeichen angezeigt wird. Das Piktogramm hat üblicherweise eine Größe von 16×16 Pixeln, es gibt aber inzwischen auch einige Webseiten, die breitere Grafiken nutzen.

Die Browser suchen die Grafik standardmäßig im “.ico”-Format unter der Adresse “/favicon.ico” einer Webseite. Eine Website kann allerdings auch andere Icon-Namen in anderen Grafikformaten definieren. Dazu setzt sie im <HEAD>-Teil der HTML-Seite folgende Zeile:

<link rel="icon" href="http://webmastercoffee.com/favicon.ico" type="image/x-icon">

Anstelle des ICO-Formats können in der Metazeile bei “type” auch andere Grafikformate angegeben werden. Insbesondere: “image/gif” für GIF-Grafiken und “image/png” für PNG-Grafiken.

Weblinks

Speichern
  • MisterWong.DE
  • Webnews.de
  • Digg
  • del.icio.us
  • Facebook
  • Google

Schlagworte: ,

Kommentieren


Über WebmasterCoffee - Archiv - Impressum