Favicon oluşturma

Hemen hemen herkesin bildiği bir icon türü  olan favicon konusunu  ele alalım dedik sizlere. Bu konu hakkında yazı yazan çoğu siteyi araştırdım ve anlatılan özelliklerin kullanıcılar için yeterli olacağına kanaat getirmediğimden dolayı ben de bu olaya bi el atayım dedim.

Favicon nedir?

İlk defa 1999 yılında Microsoft tarafından, Internet Explorer 5 çıktığı  anda  duyurulmuştur ve hala  da  etkin olarak kullanılan tarayıcılarda, telefonlarda ve tablerdeki adres  satırında websitesini simgeleyen küçük ikonlara verilen isimdir.  Hatta telefonunuza indirdiğiniz  uygulamaların, ekranınızda görünen resmi de  diyebiliriz buna.  Birçok sitenin ismini  görmeden sadece simgesini  görür  görmez  tanırız çoğu zaman. Bu yüzden insanların sizi  hatırlamasını  istiyorsanız  akılda kalıcı, benzersiz  bir  görsel seçmeniz  uzun vadede işinize  yarayacaktır.Mesela üstteki resimde  site isimleri yazmadığı halde eminim çoğu kişi hangi siteler olduğunu (benim sitem hariç) bilir mutlaka.

Favicon Nasıl Yapılır?

Kazma, kürekle yada baltayla yapılacak bir iş değil, resim sizi aldatmasın. Yapmanız  gereken kendi  sitenize  özgün bir  simge bulmak ve küçük boyutta  kaydetmek.  Uzantı isminin illa .ico olmasına gerek yoktur. Yeni çıkan tarayıcılar artık png formatında kaydedilmiş  olan simgeleri de tarayıcınızda  gösterebiliyorlar. Hatta Mozilla Firefox jpeg formatındaki resimleri  bile kabul ediyor.

Boyutu ne olmalı ?

Her  tarayıcı ve cihaz  için desteklemesini istiyorsanız eğer 16×16 pikselden 180×180 piksele kadar  10 taneden fazla resim dosyası hazırlayıp kullanmanız gerekiyor. Her cihazın en iyi  şekilde desteklediği boyut farklı olduğundan  sabit  bir  boyutta kullanılamıyor maalesef. Tek bir  resmi defalarca farklı boyutta kaydedip kullanmayacaksınız merak etmeyin. Sadece  bir resmi yüklediğinizde  size bütün boyutları oluşturan birçok favicon yapma sitesi bulunuyor.

Ekleme  kodu

Altta verdiğimiz kodları kullanarak websitenizin ikonunun  Apple,Safari, Mozilla Firefox, Google Chrome ve  akıllı telefonlarda (Iphone, Android, Windows Phone) ana ekrana eklenen yer işaretlerinde  görünmesini sağlayabilirsiniz. Kodu  

Favicon yapma sitesi

Favicon-Generator sitesi size  önerebileceğim en iyi  ikon oluşturma sitelerinden bir tanesidir. Hazırladığınız  resmi bu siteye  yüklediğiniz  anda bütün cihazlara uyumlu boyutta hazırlayıp zip dosyasına kaydeder ve siteniz için gerekli olan meta kodları anında verir.Tek yapmanız gereken buradan siteye  girip hazırladığınız  resmi dosya seç diyerek create butonuna basmak. Ardından size zip şeklinde indirebileceğiniz bir  link ve kullanacağınız meta kodları  gösterir. Siz de bu kodları  alıp head  etiketleri arasına yerleştirip kullanmaya başlayabilirsiniz.

Tarayıcı Desteği