Favicons, adres çubuğundaki küre simgesinin yerini alır.
Resim Kredisi: r0mu/iStock/Getty Images
Favicon, web sitenizin varlığına ince bir görsel yetenek katmanın yaratıcı ve pratik bir yoludur. Sık kullanılan simgeler, Web tarayıcılarının sayfa sekmelerinde ve adres çubuklarında kullandığı küçük resimlerdir. Başlık veya URL'nin yanında görsel bir marka tanımlayıcısı görevi gören web sitesiyle ilişkili bir logo veya resim görüntülerler. Sık kullanılan simgeler, sekmeli taramada özellikle yararlı site tanımlayıcılarıdır, çünkü sayfa başlıkları için kullanılan kullanılabilir metin alanı, kullanıcı daha fazla sekme açtıkça neredeyse sıfıra iner.
Aşama 1
Bir fotoğraf veya grafik düzenleme programında kullanmak istediğiniz simgeyi tasarlayın. Siteniz veya markanızla ilişkili mevcut bir logo veya resmi alabilir ve onu favicon standartlarına uyacak şekilde ayarlayabilirsiniz. Sık kullanılan simgeler her zaman kare boyutları kullanır ve desteklenen maksimum boyut 256 x 256 pikseldir. Birden çok boyutu desteklemek için bir simge paketleyici kullanacaksanız, görüntüyü 256 x 256 piksel kareye sığacak şekilde kırpın ve boyutlandırın. Yalnızca bir sürüm yapacaksanız, 16'ya 16 piksel boyutuyla gidin.
Günün Videosu
Adım 2
Simge grafiğini, grafik tasarım programından bir PNG görüntü dosyası olarak dışa aktarın. PNG, favori simgeleri için W3C standart görüntü formatıdır. Bazı tarayıcılar, JPG dosyalarını sık kullanılanlar olarak görüntüleyebilir, ancak standart resmi olarak desteklenmemektedir. Ayrıca, simge paketleyici programları diğer biçimlerdeki görüntülerle çalışmayabilir. Favicons ayrıca GIF ve ICO dosyalarını da destekler.
Aşama 3
Dışa aktarılan PNG dosyanızı bir ICO dönüştürücü programı ile bir ICO dosyasına paketleyin. Bir simge dönüştürücü programı bir PNG favicon'unu işler, onu yaygın olarak desteklenen birkaç farklı favicon boyutu için biçimlendirir ve bunları tek bir dosyaya gömer. ICO dosyaları, onları destekleyen cihazlar için 16'ya 16 pikselden daha yüksek çözünürlüklü favori simgeleri sağlar.
4. Adım
Web sitenizin barındırma hizmetinde oturum açın ve PNG veya ICO dosyasını web sitenizin medya sunucusuna yükleyin. Yüklenen dosyanın URL'sini kopyalayın; favicon'u siteye eklemek için buna ihtiyacınız olacak.
Adım 5
Site düzenleme programınızı açın ve favicon dosyasının URL'si ile değiştirilen aşağıdaki kodu web sitenizin bölümüne ekleyin.
PNG dosyaları için:
ICO dosyaları için:
CMS kontrollü bir site kullanmıyorsanız veya dosya tabanlı bir bölüm eklemiyorsanız, simgeyi öne çıkarmak istediğiniz her sayfaya kodu eklemeniz gerekecektir. Site sayfalarını kaydedip güncelledikten sonra favicon görünür.
Uç
Photoshop ve Corel Draw gibi fotoğraf düzenleme programları, simgeyi tasarlamak ve biçimlendirmek için iyi çalışır. Alternatif olarak Paint.net ve Pixlr gibi ücretsiz programları kullanabilirsiniz.
Uyarı
Bazı tarayıcılar, /favicon dizininde bulunan bir görüntü dosyasını bir favicon olarak otomatik olarak ilişkilendirir; bununla birlikte, W3C organizasyonu, evrensel olarak desteklenen bir standart olmadığı ve Web mimarisi ilkelerine aykırı olduğu için bu uygulamayı önermemektedir. Ek olarak, birçok Web barındırma hizmeti ve CMS sistemi, kullanıcının medya içeriğini medya dosyası dizinlerinin dışına yerleştirmesine izin vermez, bu da bu uygulamayı imkansız hale getirir.