Tutorial: Favicon selber machen 32×32

Was ist ein Favicon und wie kann ich eines selber machen?

Favicon ist das superkleine Symbol, welches beim Browser jeweils in der Registerkarte der jeweiligen Seite angezeigt wird. Meiner Meinung nach gehört zu jeder Webseite zwingend auch ein passendes Favicon dazu. Das Erstellen eines Favicons ist ganz einfach. Obwohl die Dateiendung etwas mystisches hat weil sie „.ico“ lautet, ist es gleich aufgebaut wie ein Bitmap (.bmp). Du kannst also jedes Grafikprogramm verwenden, welches ein Bitmap erzeugen kann.

 

 

Am besten erstellst Du eine neue Grafik in der Grösse 320×320 Pixel. Dann beginnst Du Dein Icon zu designen. Denke dabei immer daran, dass man am Ende nur die markanten Formen sieht, weil das FavIcon am Ende nur mit 32×32 Pixel (oder teilweise sogar nur mit 16×16 Pixel) angezeigt wird. Wenn Du Dein Icondesign fertig hast, speicherst Du es zur Sicherheit ab. Dann verkleinerst Du dein Bild auf 32×32 Pixel. Verwende dabei eine Methode, welche das Bild optimal verkleinert (bei meinem uralten PaintShopPro heisst die beste Methode „SmartSize“). Speichere dann das Bild als Bitmap (Dateiendung „.bmp“) ab. Jetzt schliesst Du die Datei und änderst die Dateiendung auf „.ico“ ab. Und schon ist dein Favicon fertig und kann z.B. auf WordPress hochgeladen werden.

 

 

Beispiel: Das FavIcon von waslaberschdu.ch zuerst in Bearbeitungsgrösse und dann in Originalgrösse

 

Deine Meinung?

Hast Du auch schon ein FavIcon selber gemacht? Kennst Du hilfreiche Tipps, die man beim selber machen eines Favicons beachten sollte? Hast Du noch Anregungen zu meinem Beitrag? Kritik? Ich freue mich über jeden Kommentar!