Nasıl kullanılır
- Bir .ico dosyasını bırakma alanına sürükleyin, seçmek için tıklayın veya bir görsel yapıştırın.
- Simgede saklanan tüm boyutların çıktıda kalması için "Orijinal biçimi koru" seçeneğini kullanın.
- Base64 boyutunu kontrol edin; çok sayıda boyut içeren bir simge beklediğinizden büyük olabilir.
- Bir favicon link etiketi için data URI'yi ya da img etiketi, CSS veya Markdown çıktısını kopyalayın.
ICO biçimi
ICO, Windows simge biçimi ve favicon'lar için kullanılan ilk biçimdir. Bir kapsayıcıdır: kısa bir dizin, bir veya daha fazla görseli genişlik, yükseklik ve renk derinliğiyle listeler; her görsel bitmap verisi olarak ya da 256 x 256 gibi büyük boyutlarda gömülü bir PNG olarak saklanır. Tipik bir favicon.ico, tarayıcının en keskin olanı seçebilmesi için 16, 32 ve 48 piksellik sürümler içerir.
Kayıtlı MIME türü image/vnd.microsoft.icon olsa da image/x-icon çok daha yaygındır ve tarayıcılar ikisini de kabul eder. Base64 biçimindeki ICO verisi, kodlanmış dosya başlığı olan AAABAA ile başlar.
Data URI ile favicon
<link rel="icon" href="data:image/x-icon;base64,AAABAAEAEBA...">Favicon'u satır içine gömmek; dışa aktarılan raporlar, diske kaydedilen panolar ve çevrimdışı belgeler gibi tek dosyalık HTML belgeleri ile ayrı bir dosya dağıtmak istemediğiniz prototipler veya şirket içi araçlar için kullanışlıdır. Çok sayfalı bir web sitesinde ise normal bir /favicon.ico genellikle daha iyidir: bir kez indirilip önbelleğe alınır, data URI ise her HTML yanıtında tekrarlanır.
Hiç simge istemiyorsanız <link rel="icon" href="data:,"> kullanın; bu, tarayıcının /favicon.ico dosyasını istemesini engeller.
ICO, PNG veya SVG favicon'lar
Güncel tarayıcılar PNG ve SVG favicon'ları da kabul eder, örneğin <link rel="icon" type="image/png" href="data:image/png;base64,...">. Tek bir 32 x 32 PNG çoğu zaman çok boyutlu bir ICO'dan daha küçüktür; bunlar için PNG'den Base64'e veya SVG'den Base64'e aracını kullanın.
Burada bir ICO'yu PNG, JPEG veya WebP'ye dönüştürmek yalnızca tek bir görseli, yani tarayıcının görüntülemek için seçtiği görseli korur. Ters yönde bir ICO dosyası oluşturmak için bir PNG'yi kodlayın ve sonucu, 16 ile 256 piksel arasında simgeler yazan Base64'ten ICO'ya aracına yapıştırın.
Sıkça sorulan sorular
image/x-icon mu kullanmalıyım, image/vnd.microsoft.icon mu?
image/vnd.microsoft.icon resmî olarak kayıtlı türdür, image/x-icon ise sitelerin çoğunun kullandığı türdür. Bir sistem belirli bir türü bekliyorsa kopyaladıktan sonra öneki düzenleyin.Base64 çıktısında tüm simge boyutları korunur mu?
Evet, orijinal biçimi koruduğunuzda. Dosyanın tamamı kodlandığı için tarayıcı ihtiyaç duyduğu boyutu yine seçebilir. Başka bir biçime dönüştürmek ise yalnızca tek bir görseli korur.
Data URI favicon'lar her tarayıcıda çalışır mı?
Güncel masaüstü tarayıcılar bunları sekmede gösterir. Yer imleri, ana ekran kısayolları ve bazı eski tarayıcılar satır içi bir simgeyi yok sayabilir; bu nedenle herkese açık web siteleri yine de bir favicon dosyası sunmalıdır.