Favicon Yapmak için

Daha önce ki yazılarımda favicon yapımı ve örnekleri hakkında bilgi vermeye çalışmıştım. Bu yazımda da favicon yaratmaya yardımcı olabilcek iki sitden bahsedeceğim.

Favion from Pics ve Converticon siteleri, elinizdeki resimlerden (png ve jpeg uzantılı kabul edilir) favicon üretmenizi, uzantılarda değişiklikler yapmınıza olanak veriyor. 16x16 piksel ayarlaması yapmadan bu sitelerden faydalanabilirsiniz.

25/3/2007 | Kategori: Favicon | Yorum (yok) | Yorum Yaz | Kalıcı Bağlantı

Favicon Örnekleri

Daha önceki bir yazımda favicon yapımı hakkında bilgi vermeye çalışmıştım. Meselenin teknik bilgisinden sonra favicon tasarımı hakkında biraz daha fikir kazanmak için bir sitede gördüğüm favicon galerisini paylaşmak istedim.

Yaprak şeklinde:
Favicon http://www.aurea.es/
Favicon http://www.fxis.net/
Favicon http://www.divshare.com/
Favicon http://www.tanyamerone.com/
Favicon http://www.akken.com/
Favicon http://www.kepu.net.cn/english/
Yuvarlak şekillerde:
Favicon http://www.fat-man-collective.com/
Favicon http://www.lisensa.com/
Favicon http://www.cogmap.com/
Favicon http://www.colorwarepc.com/
Favicon http://www.evozon.com/
Harf şeklinde:
Favicon http://www.cubexagency.com/
Favicon http://www.lisensa.com/
Favicon http://www.somox.com/
Favicon http://www.piqniq.jp/
Favicon http://www.eight6.com/
Favicon http://reachgroupconsulting.com/
Favicon http://www.flexy.info/
Favicon http://www.kiva.org/
Köşeli şekiller:
Favicon http://www.sumagency.com/
Favicon http://deforum.ru/
Favicon http://www.imasters.com.br/
Favicon http://detlog.org/
Favicon http://www.ministrycamp.com/
Favicon http://www.getpaint.net/
Favicon http://microformats.org/
Ve diğerleri:
Favicon http://www.joomlart.com/
Favicon http://letterpop.com/
Favicon http://www.illustrationclass.com/
Favicon http://www.imthere.com/
Favicon http://www.elevenmedia.com/
Favicon http://www.roisure.com/
Favicon http://www.pixellogo.com/
Favicon http://www.thinkpinkstudio.com/
Favicon http://www.mattwebb.com.au/
Tasarımlardaki özgünlükten anladığımız gibi faviconlar üzerinde iyice durulası bir noktaya gelmekte. Her ne kadar adres çubuğunda ve yer imlerinde küçük bir alan teşkil etse de site içeriği ve sitenin kalitesi hakkında kullanıcılar üzerinde bir intiba bıraktığı açık.

20/3/2007 | Kategori: Favicon | Yorum (yok) | Yorum Yaz | Kalıcı Bağlantı

Favicon Yapımı

Aslı "Favorites Icon" olan Favicon, internet tarayıcılarının adres çubuğunun hemen başında bulunan ve eğer sayfayı yer imlerinize, sık kullanılanlarınıza eklediğiniz zaman ilgili menünüzde çıkan 16x16 piksel boyutlarındaki küçük simgelerdir. Web 2.0 furyasıyla oldukça popüler hale helen faviconları artık hemen hemen her sitede görüyoruz.

Bir siteniz, bir blogunuz varsa ve eğer faviconunuz yoksa sizlere nasıl favicon yapabileceğinizi anlatmaya çalışacağım. Öncelikle içeriğinize uygun bir resme, simgeye ihtiyacınız var. Elenizdeki bu resmi Photoshop programı ile .ico formatında kaydetmeniz (eğer elinizdeki Photoshop programı bu türü desteklemiyorsa buradan bir eklenti indirebilirsiniz) gerekir. Ancak bu işlemi herhangi bir programa gerek duymadan da yapma şansınız var. Buraki site favicon yapmanıza olanak veriyor.

Her iki yolla da elde ettiğiniz faviconunuzu sitenize eklemek için,
«link rel="shortcut icon" href="/favicon.ico"»

kodunu sitenizin «head» kodu altına eklemeniz gerekir.

Bunların haricinde bir resmi herhangi bir resim depolama sitesine yükleyip yine favicon oluşturabilirsiniz. Bunu yaptıktan sonra yine  «head» kodu altına
«link rel="shortcut icon" href="http://yüklediğiniz site adresi"»

şeklindeki kodu ekleyebilir ve favicon yapabilirsiniz.
Kolay gelsin.


18/3/2007 | Kategori: Favicon | Yorum (yok) | Yorum Yaz | Kalıcı Bağlantı

Kategoriler

son yazılar

son yorumlar

arşiv yazıları

AddThis Social Bookmark Button
Bu linki kullanarak siteyi istediğiniz bir sosyal imleme sistemine kayıt edebilirsiniz.

ziyaretçi gönderen