Özet (TL;DR)
- Evrensel Girdi: PNG, JPG, WebP veya SVG’yi geçerli bir favicon setine dönüştürün.
- Akıllı Boyutlandırma: Kare simgelere mükemmel uyum sağlamak için “Kapla” (doldurmak için kırp) veya “Sığdır” (dolgu ekle) arasından seçim yapın.
- Üretim Standardı: Sadece bir dosya değil, modern web uyumluluğu için gerekli olan
favicon.ico+ PNG karışımını oluşturur.
Neden özel bir dönüştürücü kullanmalı?
Sadece logo.png ismini favicon.ico olarak değiştiremezsiniz. ICO formatı, farklı boyutlarda birden fazla raster görüntü tutan özel bir konteynerdir.
Bu araç teknik karmaşıklığı halleder:
- Yeniden Örnekleme: 16x16 simgelerin bulanıklaşmasını önlemek için yüksek kaliteli filtreler.
- Konteyner Oluşturma: 16x16, 32x32 ve 48x48 sürümlerini tek bir
.icodosyasında derleme. - Modern Yedekler: Android ve yüksek DPI ekranlar için standart PNG’ler.
Akıllı Kırpma: Kapla vs Sığdır
Çoğu logo dikdörtgendir, ancak favicon’lar kare olmalıdır.
1. Kapla (Doldurmak için Kırp)
- Davranış: Resim kareyi doldurana kadar yakınlaştırır. Kenarlar kesilir.
- En iyisi: Semboller veya yaklaşık kare olan simgeler.
2. Sığdır (Merkeze Sığdır)
- Davranış: Resmi karenin içine tamamen sığacak şekilde küçültür ve şeffaf dolgu ekler.
- En iyisi: Kesilemeyen geniş logolar.
PRO İpucu: Logonuz geniş bir yazı ise, onu 16x16 kareye sığdırmaya çalışmayın. Okunamaz olacaktır. Basitleştirilmiş bir varyant oluşturun.
ICO formatını anlamak
.ico dosyası benzersizdir.
- 16x16: Masaüstünde standart sekme simgesi.
- 32x32: Yüksek DPI (Retina) ekranlar için.
- 48x48: Windows tarafından masaüstü simgeleri için kullanılır.
En İyi Uygulamalar
- Büyük Başlayın: En az 512x512 piksellik bir resim yükleyin.
- Kontrastı Kontrol Edin: Açık ve koyu arka planlarda görünür olduğundan emin olun.
- Şeffaflık Anahtardır: Şeffaf PNG veya SVG kullanın.
SSS
Favicon’um neden bulanık görünüyor?
16x16 pikselde karmaşık detaylar kaybolur. Daha basit bir tasarım kullanın.
Sadece bir PNG kullanabilir miyim?
Çoğu modern tarayıcı PNG’yi destekler, ancak eski sistemler hala favicon.ico arar. İkisini de sağlamak en güvenlisidir.