Kategorien
Favicon
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.
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).
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.
Würde ich schon. Deine Seite ist ja weiß. Nur die weißen Ecken stören. 🙂
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 🙂
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?