Web siteniz için favicon oluşturmak eskiden özel yazılım gerektirirdi. Artık herhangi bir PNG görseli tarayıcınızda çok boyutlu bir ICO dosyasına dönüştürebilirsiniz. Dönüştürücümüz altı boyutu (256×256'dan 16×16'ya) tek bir ICO dosyasına paketler — tarayıcıların her çözünürlükte net favicon görüntüsü için tam olarak ihtiyaç duyduğu şey. Yükleme yok, hesap gerekmez.
Dosyaları buraya bırakın
veya yüklemek için göz atın · panodan yapıştır
Dosya başına en fazla 10.0 MB
Kaynak PNG'nizi hazırlayın
Kare bir PNG görselle, ideal olarak 256×256 veya daha büyük başlayın. Görsel küçük boyutlarda basit ve tanınabilir olmalıdır — ayrıntılı logoların çoğu zaman 16×16 görüntüsü için basitleştirilmesi gerekir.
PNG'yi yükleyin
PNG'nizi dönüştürücüye bırakın. Saydam arka planlar tamamen desteklenir ve favicon'lar için önerilir — herhangi bir tarayıcı arayüzü renginde doğru görünürler.
ICO'ya dönüştürün
Dönüştür'e tıklayın. Motor, PNG'nizi altı boyuta (16, 32, 48, 64, 128, 256 px) yeniden boyutlandırır ve dahili olarak PNG kodlaması kullanarak hepsini tek bir ICO dosyasına paketler.
Web sitenize ekleyin
ICO dosyasını "favicon.ico" olarak kaydedin ve web sitenizin kök dizinine yerleştirin. HTML <head> bölümünüze <link rel="icon" href="/favicon.ico"> ekleyin. Modern tarayıcılar için mobil ana ekranlara yönelik 192×192 bir PNG de ekleyin.
ICO dosyalarımız altı boyut içerir: 16×16, 32×32, 48×48, 64×64, 128×128 ve 256×256 piksel. Tarayıcılar bağlam için en iyi boyutu otomatik seçer — tarayıcı sekmeleri için 16×16, görev çubukları için 32×32 ve masaüstü kısayolları ile yüksek DPI ekranlar için daha büyük boyutlar.
Modern tarayıcılar (Chrome, Firefox, Safari, Edge) hepsi <link rel="icon" type="image/png"> aracılığıyla PNG favicon'ları destekler. Ancak Internet Explorer ve eski Windows uygulamaları hâlâ .ico biçimini gerektirir. En yüksek uyumluluk için her ikisini de sağlayın: kök dizinde bir favicon.ico (eski destek için) ve modern tarayıcılar için <head> içinde bağlantılı bir PNG favicon.
En iyi sonuç için en az 256×256 piksel kullanın. Motor, yüksek kaliteli bikübik enterpolasyon kullanarak daha küçük boyutlara indirir. Daha büyük bir görselle (512×512 veya 1024×1024) başlamak, küçültme sırasında çalışılacak daha fazla veri olduğundan küçük boyutlarda daha da iyi sonuçlar verir.
Otomatik küçültme 16×16'da nadiren kusursuz görünür. En iyi yaklaşım, daha kalın çizgiler ve basitleştirilmiş şekillerle el yapımı bir 16×16 sürüm oluşturmaktır. Birçok profesyonel favicon aracı, küçük boyutlar için özel bir 16×16 tasarımı sağlamanıza olanak tanır.
Bu araç özellikle ICO dosyaları oluşturur. Eksiksiz bir favicon kurulumu için ayrıca bir 192×192 PNG (Android Chrome için) ve bir 180×180 PNG (iOS'ta Apple Touch Icon için) gerekir. Bu ek boyutları oluşturmak için PNG yeniden boyutlandırıcımızı veya çevrimiçi bir SVG-PNG aracını kullanın.
Bir şey çalışmıyor mu? Hata bildir