Favicon - sitenizin simgesini adres çubuğunda bulundurun
Bazı web sitelerinde, İnternet tarayıcısının adres çubuğundaki URL’nin solunda bir simge bulunur. Adres çubuğunda görüntülenebilen bir web sitesi için favicon veya simge oluşturmak için kullanılabilecek birkaç yöntem vardır. Gimp, Pixia gibi bir çizim yazılımı veya IconEdit32 veya IconWare gibi özel yazılımlar favicon oluşturmak için kullanılabilir. Bir görüntü faviconunu dönüştürmek için kullanılabilecek web siteleri var. Bazı web siteleri web yöneticilerinin bir ICO dosyası oluşturmasına ve favicon'a animasyon uygulamasına izin verir. Link etiketi, favicon'un yolunu belirtmek ve web sitesine gelen ziyaretçilerin adres çubuğunda simgeyi görebilmesi için çevrimiçi duruma getirmek için kullanılır.
- Bir favicon oluşturma
- Çoğu tarayıcı için:
- Internet Explorer için:
- Animasyonlu bir favicon oluşturmak veya bir ICO dosyası oluşturmak için
- Favicon'u çevrimiçi yapmak
- notlar
Belirli web sitelerine erişirken, tarayıcınızın adres çubuğundaki URL’nin solunda bir simge olduğunu fark etmişsinizdir?
Bu tür bir simgeyi kendi web sitenize uygulamak için aşağıdaki adımları izleyin.
Bir favicon oluşturma
Birkaç yöntem var:
- Çizim yazılımı (Gimp, pixia, inkscape ...)
- Özel yazılım (IconEdit32 veya IconWare)
- Web siteleri (bir görüntü faviconunu dönüştüren):
- //www.html-kit.com/favicon/
- //www.html-kit.com/favicon
- //www.favicon.co.uk/
- //www.favicon.hu/
- //tools.dynamicdrive.com/favicon/
- //favikon.com/
Çoğu tarayıcı için:
İlk adım, png veya gif biçiminde bir görüntü oluşturmaktır.
Çeşitli boyutlarda, 16x16 veya 32x32 (piksel) arasından seçim yapabilirsiniz.
Internet Explorer için:
Bu tarayıcı için, bir görüntü veya .ico dosyası (yeniden adlandırılmış bmp) boyutunda 16x16 piksel kullanın.
Animasyonlu bir favicon oluşturmak veya bir ICO dosyası oluşturmak için
//www.html-kit.com/favicon/
- Yukarıdaki bağlantı yalnızca kolayca bir ICO dosyası oluşturmanıza değil, aynı zamanda favicon'unuzu canlandırmanıza ve dilerseniz metni kaydırmanıza izin verir.
- Gözat düğmesini tıklayın ve bilgisayarınızda bir resim seçin.
- Simgenizden sonra kaydırmak için metin de ekleyebilirsiniz; otomatik olarak animasyonlu bir simge oluşturur.
- Son olarak, Animasyonlu Favicon'u (kaydırılmış görünen faviconun kendisi) kontrol ederek metinsiz bir animasyonlu simge oluşturmak da mümkündür.
- Ardından Generator Favicon.ico düğmesine tıklayın.
- Daha sonra favicon'unuz hakkında genel bir bilgi edineceksiniz
- Ardından bilgisayarınıza sıkıştırılmış dosyayı indirin.
- Dosyayı çıkardıktan sonra, favicon.ico dosyasını sitenize kopyalayın.
- Bir animasyonlu simge indirdiyseniz, ZIP dosyası ayrıca animasyonlu favicon (animated_favion1.gif) içeren Ekstra dosyayı da içerecek ve sitenize kopyalayacaktır.
Favicon'u çevrimiçi yapmak
- Favicon'u sitenize koymak için, başlığında bulunan link etiketleriyle yolunu belirtin.
- İşte png resimli bir örnek:
- Biçime bağlı olarak, "type" niteliği değişecektir:
Png: görüntü / png
Gif formatı: resim / gif
JPEG formatı (jpeg veya jpg uzantısı): image / jpeg
- Ve standartlara uymayan bir faviconunuz varsa, "rel" niteliği de değişir:
link rel = "kısayol simgesi" type = "image / x-icon" href = "/ görüntüler / icon_ie.ico" />
- Simgeniz animasyonluysa (GIF, aşağıdaki etiketi ekleyin: