.ico, site kökünde hâlâ beklenen biçimdir ve çevrimiçi dönüştürücülerin çoğu görselinizi sunucularına yüklemenizi ister. Hiçbir şey yüklemeden PNG'den doğru, çok boyutlu favicon.ico elde etmenin yolu şöyledir.
.ico, yalnızca adı değiştirilmiş bir görsel değildir
logo.png dosyasının adını favicon.ico yapmak yeterli değildir. ICO, kendine ait üstbilgisi olan bir kapsayıcı biçimidir: kaç görsel içerdiğini, bunların boyutlarını ve dosyada her birinin nerede başladığını belirtir. Adı değiştirilmiş PNG'de böyle bir üstbilgi yoktur; daha katı tarayıcılar onu göstermeyi reddeder.
Doğru bir ICO, aynı simgenin birden fazla çözünürlüğünü içerir. Tarayıcı üstbilgiyi okur, gereken boyuta en yakın sürümü seçer ve hiçbir şeyi büyütmez.
Üç adımda PNG'yi ICO'ya dönüştürün
Birinci adım, kaynağı hazırlamaktır. En az 512×512 piksellik kare PNG en iyi sonucu verir; çünkü tüm boyutlar küçültülerek üretilir. Görselinizin arka planı saydamsa bunu koruyup korumayacağınıza şimdi karar verin: sekme için idealdir, ancak iOS ve Android bunu siyahla değiştirir.
İkinci adım, çözünürlükleri oluşturmaktır. Dosya en az 16×16, 32×32 ve 48×48 içermelidir. Boyutlandırma kaliteli bir yeniden örnekleme filtresiyle yapılmalıdır; aksi hâlde küçük boyutlar okunamaz olur.
Üçüncü adım, paketlemektir. Üç görsel, her kaydı açıklayan üstbilgiyle tek ICO kapsayıcısında birleştirilir. Sonuç favicon.ico adıyla site köküne yerleştirilir; tarayıcılar HTML etiketi olmadan da onu burada bulur.
Yerel dönüştürme neden önemlidir?
PNG'den ICO'ya dönüştürücülerin çoğu dosyanızı sunucuya yükler, orada işler ve sonucu geri gönderir. Logonuz, çoğu zaman henüz kamuya açıklanmadan, kontrol etmediğiniz bir makineye ve okumadığınız bir saklama politikasına tabi olur.
Oysa modern bir tarayıcı tümünü tek başına yapabilir: PNG'yi çözmek, canvas üzerinde boyutlandırmak, her boyutu yeniden kodlamak ve ICO kapsayıcısını birleştirmek. LFFavicon bunu yapar. Hiçbir istek görselinizi taşımaz ve sekmeyi kapatmak her şeyi temizler.
Faydası yalnızca teorik değildir: dönüştürme anında gerçekleşir, sayfa yüklendikten sonra çevrimdışı çalışır, sıra ve günlük sınır yoktur.
Tek başına .ico artık yeterli değil
PNG'nizi ICO'ya dönüştürmek sekmeleri ve eski istemcileri kapsar, ancak üç alanı dışarıda bırakır: her boyutta net kalan SVG'yi tercih eden modern tarayıcılar, opak 180×180 PNG isteyen iOS ana ekranı ve web manifestini okuyan Android.
Görseli zaten işleyeceğiniz için tüm paketi tek seferde üretin. Oluşturucu bunu yapar: tek kaynak .ico, SVG, Apple Touch simgesi ve manifest simgelerini besler; indirmeden önce her kullanımın önizlemesini görürsünüz.
Birincil kaynaklar
Sık sorulan sorular
ICO oluşturmak için hangi PNG boyutu gerekir?
En az 512×512 piksellik kare. 128×128'in altında, paketteki büyük boyutların büyütülmesi gerekir ve sonuç bulanık görünür. Çözünürlük sınırı olmadığından SVG daha da iyidir.
.ico dosyasında saydamlık korunur mu?
Evet, ICO biçimi tam alfa kanalını destekler ve saydam PNG sekmede saydam kalır. Ancak iOS simgesine dikkat edin: sistem saydam alanları siyahla doldurur, bu yüzden ona arka plan verin.
favicon.ico dosyası nereye yerleştirilmeli?
Alan adının köküne, https://yoursite.com/favicon.ico adresinden erişilebilecek şekilde. Hiçbir link etiketi tanımlamasa bile tarayıcılar ve tarama botları geleneksel olarak tam bu adresi ister.