Örnek bir hareketli favicon. Gif formatındadır.

Hareketli Favicon nasıl yapılır?

2 gün önce Favicon nedir, nasıl favicon yapılır? isimli bir yazı yazmıştım ve nasıl favicon yapılacağını photoshopta anlatmış, yapmış olduğunuz favicon’u nasıl .ico formatına çevireceğinizi göstermiştim. Sitenize hangi kodlarla ekleyeceğinizi göstermiş ve videolu olarak anlatmıştım. Bu yazımızda ise stabil favicon yerine hareketli favicon nasıl yapılır onu anlatacağım. Bu işlemimizde de gene photoshop kullanacağım. Daha doğrusu Photoshop’ta yer alan “Animation” özelliğini kullanarak gif formatında hareketli bir favicon yapacağım, sonra da bu hareketli faviconumuzu sitemize nasıl ekleyeceğimizi göstereceğim. Aşağıdaki videomuzu izleyerek hareketli favicon nasıl yapılır öğrenebilirsiniz

Favicon nedir, nasıl favicon yapılır

Favicon nedir, nasıl favicon yapılır?

Favicon internet tarayıcılarının üst kısmında yer alan websitemizin adının hemen başında görünen simgedir. Favicon’un kelime açılımı Favorites Icon kelimelerinin kısaltasıdır. Yararı ise eğer çok sekmeli bir internet tarayıcısı kullanıyorsak onlarca sekmenin arasında insanlar web sitenizin açık olduğu sayfayı kolayca kaybedebilirler. Çünkü sekmeler açıldıkta site isimleri kaybolur, sadece faviconları görünmeye başlar, böyle durumlarda bir site için olmazsa olmaz konumundadır favicon. Örneğin aşağıdaki gibi; Nasıl favicon yapılır? Öncelikle hazır simgenizden bunun yapan basit bir kaç web sitesi var. Siteler aşağdaki gibi, bunlar daha da artırılabilir, benim öncelikli önerdiğim sitelerden bazıları bunlar. favicon.cc tools.dynamicdrive.com/favicon/ favicon.htmlkit.com/favicon/ favicon.co.uk genfavicon.com Bu sitelerden birine halihazırda var olan simgenizi sitedeki gözat butonundan yükleyip favicon.ico formatındaki ikon dosyanızı indirip sitenize yükleyebilirsiniz. Yalnız simgenizin boyutunu en az 16×16 pixel ebatlarında yükleyiniz. Daha yüksek ebatlarda yüklerseniz siteler ikonunuzu daha iyi algılayıp daha net görüntüde ikon oluşturabilirler. Favicon siteye nasıl eklenir? Favicon dosyanız sitenizin ana dizinine yüklendiğinde, misal isakoc.com/favicon.ico şeklinde ana dizine yüklendiğinde günümüz internet tarayıcıların dikkat ettiğim kadarıyla bu ikonu otomatik olarak çekip sitenize entegre biçimde sitenizin simgesi olarak  gösteriyorlar. Herhangi bir kod eklemenize gerek yok. Önemli olan sadece dosya uzantısının .ico olması. Bunu da yukarıdaki sitelerden rahatlıkla elde edebilirsiniz. Yalnız sitenize favicon eklemek için illa dosya formatının .ico olması zorunluluğuda