Favicon nedir nasıl yapılır, ayrıntılı anlatım.

22 Eylül 2008 1.929 Kez okunmus 2 Yorum Yapılmış

İnternet siteleri bookmark dediğimiz tarayıcı önbelleğine kaydedildiği zaman, siteye has birde logo kaydeder. Bu logolar genelde tarayıcının adres satırında yer alır ve adres satırı başlamadan sol baş bölümde yer alırlar. Dosya şekli kimi sitelerde gif olurken diğer sitelerde de ico dosyası şeklinde gösterilir. Modern web tarayıcıları artık .gif ve .png uzantılı dosyaları da favicon olarak gösterebilmektedirler. Standar ölçüleri 16×16 px dir, her siteinin kendine has bir favicon logosu bulunur. Bu logolar bazen kullanıcıların birçok kayıtlı site arasından farkedilmesini artırarak ziyaret sayılarında devamlılık arz ederler.

Özel kullanımlı wordpress bloglarda veya diğer bilinen birçok sitede bu logoları görmek mümkündür. Favicon terimi İngilizce “Favorites Icon”dan kısaltılmıştır. Bu favicon dosyası siteniz – blog’unuz ziyaret edildiğinde adres satırında belireceği gibi adresiniz sık kullanılanlara eklendiğinde de site – blog adınızın baş kısmında görünecektir

yukarıda kendi blogum için kullandığım favicon u görebilirsiniz. Genel olarak el ile oluşturulsalarda artık gelişen web 2.0 teknolojileri ile bu logoları tarayı üzerinde yapmakta mümkün. Aşağıda sizler için hazırladığım listeden favicon hazırlama sitelerini ziyaret edebilir ve bunları kişisel blogunuzda kullanabilirsiniz.

ico uzantılı dosyaları bu bağlantıdaki siteden oluşturabilirsiniz.

İlk olarak kendinize bir logo tasarlayın, daha sonra http://www.chami.com adresine gidin.Bu adrese sizi yönlendirmemin sebebi herhangi bir uzantıdaki logonuzu (gif, jpg, bmp, png vs..) ico uzantısına çevirebiliyor olması. Aslında bunu yapan programlar da var ama en kolay ve hızlı yolu bu .Siteye girdikten sonra “gözat” butonuna basıp ikonunuzu gönderin. Source Image’den tekrar bu ikonu gösterin. Scrolling ile logonuza bir yazı da yazabilirsiniz.Text’e isterseniz bir yazı yazabilirsiniz. Animate Favicon kutucuğuna tık koyarsanız gif dosyası şeklinde yazdığınız metni hareketli olarak download butonuyla çıktısınıda alabilirsiniz.

İndirdiğiniz dosyaları rardan çıkardıktan sonra faviconunuzu ve animasyonlu ikon seçeneğini de seçtiyseniz extra klasöründeki animated_favicon.gif dosyasını upload edebilirsiniz.Ama ico uzantılı dosyaları çoğu resim upload sitesi kabul etmiyor, peki ne yapabliriz ? Bu sorunu genelde ftp hesabına sahip blog yazarları yaşamaz, ancak alt alan adıyla site çalıştıran kullanıcılar bunu güvendiği bir kişiden rica ederek, o kişinin web alanını kullanabilir.

Tüm işlemler bittiyse sıra geldi favicon kodlarını eklemeye. Unutmadan wordpress bazı temalarda image dosyasının içerisinde favicon olabiliyor. Bu dosyaları ister kullanabilir isterlerse logoyu değiştirebilirsiniz. Bu tip temaya sahip kullanıcılar kod eklemeyeceklerdir. Aşağıda vereceğim kod satırını temanızın Header adıyla bilinen klasörüne

< head>
< link rel="shortcut icon" href="ico uzantılı faviconunuzun adresi buraya" >

< link rel=”icon” href=”hareketli ikonunuzunda adresi buraya” type=”image/gif” >

şeklinde yerleştirmeleri yeterli.

Yazar: sesebian │ Ekleniş Tarihi: 22 Eyl 2008 │ Kategori Web Tasarım ÖrnekleriPaylaş

2 Yorum Yapılmış »

  • 1
    Emre Koçyiğit demişki:

    bende tam olarak bunu arıyodum nasıl yapıldığını, çok yayaı oldu bunun :)

  • 2
    aeren demişki:

    neden yönetimi terk etmem isteniyor,bari üye olduğum için teşekkür mesejımı alsaydınız da öyle afaroz etseydiniz.
    blogunuz da sizin olsun sitenizde.
    ne yaptıysam.

Yorum ekleyin veya yorumları okuyun!