11 Aralık 2010 Cumartesi

Photoshop ile Favicon Yapmak

Favicon Web tarayıcılarında adres çubuğunun önündeki imaja verilen isimdir.
Örnek;
İnternet Explorer Favicon Görünümü













Mozilla Firefox Favicon Görünümü













Google Chrome Favicon Görünümü













     Photoshop ile Favicon Nasıl Yapılır ?
İlk olarak dosya uzantısını sağlayabilmek amacıyla bir eklenti yüklememiz gerekiyor,
bunun için http://www.telegraphics.com.au/sw/ adresinden işletim sisteminize uygun olan .8bi uzantılı dosyamızı indiriyoruz,
Ardından indirdiğimiz dosya içerisinden çıkan ICOFormat.8bi uzantılı dosyayı C:\Program Files\Photoshop\Plug-ins\File Formats içerisine atıyor ve Photoshop Programımızı yeniden başlatıyoruz.
Önekdeki gibi favicon tasarımımızı yapıyoruz,
Boyut olarak ben 16x16 olarak ayarladım tasarımı yaparken büyülterek yapdıkdan sonra ardından küçültüp
görünüme bakarsanız daha sağlıklı olacaktır.
Kayıt etmek için File - Save As seçeneğine tıklıyoruz çıkan pencereden aşağıdaki ayarları yapıp kayıt ederseniz sorunsuzca .ico uzantılı imajımız oluşmuş olacaktır.

























Web Sayfasına Favicon Nasıl Eklenir ?
Web sayfamızın tasarımını hazırlarken kod kısmına


<head>

<link rel="shortcut icon" href="images/favicon.ico" />

</head>

Kodlarını yerleştiriyoruz hazırladığımız favicon images klasörü içerisinde olmalı aksi halde images/favicon.ico 
kısmındaki images kısmı yerine imajın olduğu dizini belirtmelisiniz.

1 yorum:

~ Anonim Olarak Yorum Yapabilirsiniz
~ Yorumlarınız Onaylandıkdan Sonra Gösterilir