ICO sıradan bir görsel dosyası değil, bir kaptır. Tek bir .ico dosyasının içinde aynı simgenin farklı boyutları bulunur ve Windows ya da internet tarayıcısı, o an hangi boyutta göstermesi gerekiyorsa en uygun olanı seçer. Bir klasörü büyük simge görünümüne aldığında da, bir sitenin sekmesinde minicik simgeye baktığında da doğru boyut kullanılır. Bu yüzden tek bir PNG dosyası, simge gereken yerlerde çoğu zaman yeterli olmaz.
Bu araç görselini istediğin boyutlara ölçekler ve hepsini tek bir ICO dosyasında toplar. İşlem tarayıcında yapılır, görselin bir sunucuya gönderilmez.
Nasıl kullanılır?
- Görselini ekle. PNG, JPG, SVG ve tarayıcının açabildiği diğer formatlar kabul edilir.
- Dosyaya eklenecek boyutları işaretle: 16, 24, 32, 48, 64, 128 ve 256 piksel. Varsayılan seçim 16, 32, 48 ve 256'dır.
- Görselin kare değilse yöntemi seç. Sığdır seçeneği görseli şeffaf bir karenin ortasına yerleştirir, doldur seçeneği ise kenarlardan kırparak kareyi tamamen kaplar.
- Önizlemede tüm boyutların nasıl göründüğünü kontrol et.
- Hazırlanan tek .ico dosyasını indir.
ICO dosyasının içindeki her boyut PNG olarak saklanır. Bu yöntem Windows Vista ve sonraki sürümlerde ve tüm internet tarayıcılarında desteklenir.
Hangi boyutlar ne işe yarar?
Simgenin hangi boyutta görüneceği, ekran ölçeklendirmesine ve kullanılan görünüme göre değişir. Aşağıdaki tablo genel bir fikir verir:
| Boyut | Genellikle nerede kullanılır |
|---|---|
| 16 px | tarayıcı sekmesi, küçük simgeler, dosya listeleri |
| 24 ve 32 px | aynı yerler, ekran yüzde 150 ya da 200 ölçeklendirildiğinde; görev çubuğu |
| 48 px | Windows Gezgini'nde orta boy simgeler |
| 64 ve 128 px | ara ölçekler ve büyük görünümler |
| 256 px | çok büyük simgeler ve yüksek çözünürlüklü ekranlar |
Varsayılan seçim çoğu ihtiyacı karşılar. Bir masaüstü programı ya da kısayol için simge hazırlıyorsan 24 ve 64'ü de eklemek, farklı ölçeklendirme ayarlarında simgenin daha keskin görünmesine yardım eder. Her boyut dosyayı biraz büyütür ama ICO dosyaları zaten küçüktür.
Küçük boyutta okunur bir simge için ipuçları
- Sade tut. 16 pikselde ince çizgiler, küçük yazılar ve ayrıntılar kaybolur. Logon karmaşıksa küçük boyutlar için yalnızca baş harfi ya da ana şekli kullanmayı düşün.
- Kontrastı yüksek tut. Simge hem açık hem koyu arka planda görünmeli. Şeffaf zeminli bir simgeyi iki zeminde de önizle.
- Büyük kaynakla başla. En az 256 piksel genişliğinde bir görsel ya da bir SVG kullan. Küçük bir görseli büyütmek bulanık sonuç verir.
- 16 piksellik önizlemeye bak. Orada tanınmıyorsa tasarımı sadeleştir.
Bir web sitesi için yalnızca favicon.ico yetmeyebilir. Apple cihazları ve Android için gereken diğer dosyaları ve HTML kodunu tek seferde almak istersen favicon paketi aracını kullan. Hangi dosyaların neden gerektiğini favicon nasıl yapılır rehberinde anlattık.
Sık sorulan sorular
Tek bir ICO dosyasında neden birden çok boyut var?
Çünkü simge farklı yerlerde farklı boyutlarda gösterilir. Sistem her durumda en uygun boyutu seçer; böylece simge küçültülürken ya da büyütülürken bulanıklaşmaz.
Görselim kare değil, ne olur?
Sığdır seçeneğinde görselin tamamı korunur ve boş kalan kenarlar şeffaf olur. Doldur seçeneğinde görsel kareyi kaplayacak şekilde ortadan kırpılır, kenarlardaki bir kısım kaybolur.
Eski Windows sürümlerinde çalışır mı?
İçindeki görseller PNG olarak saklandığı için Windows Vista ve sonraki sürümlerde sorunsuz çalışır. Daha eski sistemlerde simge düzgün görünmeyebilir.
SVG logomu doğrudan kullanabilir miyim?
Evet, SVG dosyası ekleyebilirsin. Logoyu ayrıca PNG olarak da istiyorsan SVG'den PNG'ye aracını kullan. Formatın ayrıntıları ICO formatı sayfasında.