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