Ö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.
teşekkürler makale için :)
YanıtlaSil