WeWereRock
Favicon Web tarayıcılarında adres çubuğunun önündeki imaja verilen isimdir.
Örnek;
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 Telegraphics - Free plugins for Photoshop & Illustrator...and other software 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 tagları arası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.
Örnek;
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 Telegraphics - Free plugins for Photoshop & Illustrator...and other software 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 tagları arası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.