Faviconlar birçoğumuzun sitelerimizi yaparken es geçtiğimiz bir özelliktir. Kelime itibariyle “Favorite Icon” anlamına gelir ki bunu Türkçemize SıkSimge olarak çevirildiğini birkaç yerde okudum. O yüzden bende bu Öz Türkçe kullanımı tercih edeceğim.

Peki nedir Favicon (ya da Sık Simge), efendim kısaca özetlemek gerekirse; ziyaretçilerinizin sitenizi veya sayfalarınızı sık kullanılanlar listesine eklemesi sırasında sitenizi simgeleyen ve 16*16 piksel boyutundaki küçük resimlerdir. Bu resimler genellikle .ico uzantılıdır. Tarayıcınızın sık kullanılanlar listesinde sitenizin karşısında yer alan bu küçük resim sizin sitenizi simgeler ve insanlar tarafından kolay ayırtedilebilmesini sağlar. Makalemizin devamında bir favicon resminin sitemizde nasıl kullanılabileceğini anlatmaya çalışacağım.Sitenizde kullanacağınız favicon resminin tercihi tamamen size kalmıştır. Bu sitenizin logosu veya site üzerinde çok kullandığınız bir resim olabilir. Bunu daha iyi anlayabilmek için bazı sitelerin faviconlarına bakabilirsiniz. Ben anasayfadaki resimde Digg ve Technorati’yi örnek olarak verdim. Bunun gibi birçok sitede favicon resimlerine rastlayabilirsiniz. Yapımına gelince favicon oluşturmak için internet üzerinde birçok program bulabilirsiniz. Ancak en iyisi ve ideali kendi faviconunuzu kendinizin oluşturmasıdır. Bir favicon resmi png, gif, ico formatlı resimlerden oluşabilir. .ico formatlı bir ikon oluşturmak için hali hazırda programları kullanabilir veya Photoshop için burada yer alan plugin’i kullanabilirsiniz.

Bir faviconunuz olduğunu varsayarak artık işin teknik boyutuna geçiyorum ve faviconun sitemizde gösterileceği kodu yazıyorum.

<link rel="icon" type="image/x-icon" href="http://www.t-infection.com/fav.png" />

<link rel="shortcut icon" type="image/x-icon" href="http://www.t-infection.com/fav.png" />

Bu kod benim sitemde kullandığım favicon kodları. Gördüğünüz gibi link parametresi yardımıyla bu kodu sitenizin HEAD alanına yapıştırarak sizde ikonunuzu görünür hale getirebilirsiniz.Wordpress kullanan siteler için bu kodu header.php dosyanızı açıp ekleyebilirsiniz.

Rastgele Yazılar