Favicon

Lesetipps

1. Projektwerkstatt: Journaling-Proxy
2. Danke sagen!
3. Nützliche Eclipse-Shortcuts

Wir haben Sonntag. Was sagt uns das? Heute gibt es mal wieder ein wenig leichtere Kost und außerdem wollte ich mal wieder das Grafikprogramm meines Vertrauens anwerfen und ein wenig rumspielen.

Wie ihr vielleicht schon mitbekommen habt, hat phphatesme seit dem heutigen Tag ein wundervolles Favicon. Habt ihr gemerkt, wie das Blau mit dem Grau harmoniert? Unglaublich! Es ist wie ein technisches Ying und Yang. Das stetige Auf und Ab in der PHP Entwicklung. Einmal liebt dich PHP, den anderen Tag hasst es dich. Ok, vielleicht ist es auch nur ein 16×16 Pixel großes (kleines) Bild. Also frei nach dem großen Betroffenheitslyriker Olaf Schubert: “Macht was draus, was ist eure Sache“.Aber gehen wir mal davon aus, dass dieses Icon die Welt ein Stück besser macht. Jetzt wollt ihr natürlich auch eins. Klar man ist ja ein guter Mensch. Aus diesem Grund werde ich kurz erklären wie so ein Favicon in die Webseite eingebunden wird.

Favicon nehmen und ins Hauptverzeichnis kopieren. Fertig. Ich habe euch vorgewarnt, dass es leichte Kost wird.

Ein paar Kleinigkeiten sollte man natürlich noch beachten. 16×16 oder 32×32 Pixel und 16 bis 16 Millionen Farben sollte das .ico haben. Natürlich gibt es noch eine weitere Methode das Favicon einzubinden. Und zwar über den HTML Header.

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

Bei manchen Browsern reicht auch rel=”icon”. Falls ihr aber auf Nummer sicher gehen wollt, dann nehmt “shortcut icon”. Habt aber keine Angst, viele Browser cachen die Favicons eine ganze Weile, falls es also nicht auf Anhieb klappt, dann kann es auch schon mal am Browser liegen. Schnappt euch also einen ganz jungfräulichen und versucht es dann damit.

5 Kommentare »

• 
  

  Daniel

  am 11. Januar 2009 um 12:35 Uhr

  Schönen Sonntag auch

  Kleiner Tipp: Den Bereich um das “technische Ying und Yang” würde ich transparent machen. Je nach Browser hat man sonst ein weißes Quadrat auf einem grauen Bereich, wo dann der eigentliche Inhalt drauf ist (ich hoffe, man versteht, was ich da schreibe).

• 
  

  Nils Langner

  am 11. Januar 2009 um 12:48 Uhr

  Ich spüre, was du denkst. Werde ich auch in den nächsten Tagen nacharbeiten. Weiß nur noch nicht, ob ich den weißen Innenkreis beibehalten soll.

• 
  

  kb

  am 11. Januar 2009 um 12:52 Uhr

  Würde ich schon. Deine Seite ist ja weiß. Nur die weißen Ecken stören.

• 
  

  Daniel

  am 11. Januar 2009 um 13:09 Uhr

  Den Innenkreis würde ich auch weiß lassen. Je nach Browser-Skin/-Theme könnte ja der Hintergrund rot/grün/blau was auch immer sein, wenn dann der Innenkreis transparent ist, dann wird das Favicon schon sehr verfälscht. Volle Zustimmung also @kb.
  PS: Schön, wenn jemand spürt, was ich denke

• 
  

  Malte

  am 13. Januar 2009 um 00:14 Uhr

  und dann einfach noch ne schwarze outline drum packen, dann siehts überall gut aus.

  aber: geht es nicht einfach darum die lästigen 404 errors aus dem log zu killen die durch ein fehlendes favicon erzeugt werden?

RSS Feed für Kommentare zu diesem Artikel. TrackBack URL

Hinterlasse einen Kommentar