Faviconlar: Üreteçleri, Tasarımı, Yapımı

 
 
 
 
faviconFavicon internet hayatımıza gireli oldukça zaman geçti. Ancak yine de henüz bu konuda bilgisi olmayanlar için kısaca değinirsek; favicon, internet tarayıcısının adres çubuğunda, adresin hemen başında, 16×16 piksel boyutunda küçük bir simgedir. Eğer ilgili siteyi sık kullanılanlarınıza veya yer imlerinize eklerseniz menüde site başlığının hemen yanında yine bu simgeyi göreceksiniz. Bu yazıda faviconlar konsunda size yardımcı olabilecek favicon üreteçlerinden, favicon yapım yollarından, favicon örneklerinden, favicon arama motorlarından ve favicon yerleşiminden bahsetmeye çalışacağım.

 

Öncelikle sitenize özgü faviconu kendiniz tasarlayabileceğiniz gibi çeşitli favicon üreteçlerinden de faydalanabilirsiniz. Konu ile ilgili değişik özelliklere sahip o kadar çok üreteç site var ki hepsini yazmayı gerek görmedim. Bunun için 20 Best Favicon Online Generators başlıklı yazıdan faydalabilirsiniz.

 

Faviconu kendiniz tasarlamak isterseniz de dikkat etmeniz gereken birkaç nokta var. İlk olarak faviconun adresiniz veya konunuzla ilgili olması elbette önemli. Bunun için logonuzda kullandığınız tasarım nesnelerini kullanmanız veya bu nesneler yoksa alan adınızda geçen harfleri tercih etmeniz tasarım bütünlüğünüz koruyacaktır. İkinci olarak da faviconu 16×16 piksel boyutlarında tasarlamalısınız. Elbette bu boyuttan küçük şaşmalar olabilir fakat çok büyüt boyutlardaki resimler otomatik olarak küçültüldüğü için ister istemez çözünürlük kaybı yaşanıyor. Ayrıca resmin normalden büyük olması da sitenizin açılma süresini olumsuz etkileyebilir (bkz: Site Açılma Süresini Kısaltmak).

Favicon tasarımı konusunda kararsız kaldıysanız bu konuda örnekleri inceleyebilirsiniz.

Yukarıda geçen sitelerde hem yaratıcı tasarımları, hem de oldukça popüler olan sitelerin faviconlarını bulabilirsiniz.

Favicon konsunda arama motorlarından da faydalabilirsiniz. Bu arama motorları istediğiniz sözcükte faviconları listeliyor.

Konuyla ilgili olduğunu düşündüğüm İkon Arama Motorları başlıklı yazıdan da yararlanabilirsiniz.

Son zamanlarda sitelerde animasyonlu faviconlar görünmeye başladı. Bunu yapmanın birkaç yolunu bulabildim. JavaScript ile yapmak için burayı, Photoshop için de burayı inceleyebilirsiniz. Ayrıca bir de burası var. Photoshop‘tan bahsetmişken ico formatında dosyalar elde etmek için şuradaki eklentiyi kullanabilirsiniz. Yine Photoshop ile ilgili şurada da bilgi mevcut.

Faviconların bir diğer özelliği de bir sitenin sık kullanılanlara eklenmesiyle menüde ilgili sitenin faviconunun yer alması. Ancak Internet Explorer kullanıcıları bu konuda problem yaşıyor. Sitenin faviconu kısa bir zaman sonra Internet Explorer’ın küçük logosuna dönüyor. Bu sorunu halletmek için şuradaki yazıyı okuyabilirsiniz. Firefox kullanıcılarının ise böyle bir sorunu bulunmuyor. Ancak Firefox kullanıcıları eğer isterse faviconlar kaldırabilir. Bunun yolu da şurada anlatılmış.

Bildiğiniz gibi avatar kullanmak için Gravatar gibi bir servis mevcut. Faviconlar için de MyFavatar diye bir servis var. Bu servis faviconlara ücretsiz sunucu hizmeti veriyor ve aynen Gravatar gibi çeşitli sitelere/bloglara yazdığınız yorumlarda sizin simgeniz oluyor. MFavatar’ın WordPress eklentisi ve Movable Type eklentisi de mevcut.

Tüm bu çalışmalardan sonra faviconları nasıl sitenize ekleyeceğiniz hakkında da bilgi vermeye çalışayım.

Ico formatında favicon için;

<link rel="icon" href="favicon.ico" type="image/x-icon">

Png formatında favicon için;

<link rel="icon" href="favicon.png" type="image/png" />

Örnekleri formatlara göre çoğaltmak mümkün. Eğer faviconu başka bir adreste barındırıyorsanız;
<link rel="shortcut icon" href="http://yüklediginiz site adresi">

Kodlarını sitenizin kodlarına eklemelisiniz.

 

 

blogcublogu

Yayınlandı: on Haziran 5, 2008 at 4:30 am Yorum Yapın

Leave a Comment

You must be logged in to post a comment.