Favicon Üreteci
Herhangi bir görselden favicon.ico ile tüm PNG ve manifest ikon setini üretin
Bu araç hakkında
Tek bir görsel bırakın — tercihen 512 piksel ya da daha büyük kare bir logo — ve eksiksiz favicon setini alın: sekmeler ve yer imleri için 16, 32 ve 48 pikseli paketleyen bir favicon.ico; 180 pikselik Apple touch ikonu ve 192/512 pikselik PWA ikonları dâhil standart boyutlarda PNG’ler; başlangıç için bir site.webmanifest ve <head> içine yapıştıracağınız <link> etiketleri. Tek bir ZIP indirmesi, geleneklerin beklediği adlarla her şeyi içerir.
Favicon rehberlerinin yanlış yaptığı ayrıntılar burada halledilmiştir: ICO, PNG sıkıştırmalı girdiler gömer (Windows Vista’dan beri her yerde desteklenir ve eski BMP ikonlarından çok daha küçüktür); Apple touch ikonu, iOS saydamlığı siyahla değiştirdiği için seçtiğiniz bir arka plan rengine düzleştirilir; PWA ikonları ise alfa kanalını korur. Kare olmayan kaynaklar ezilmek yerine ortadan kırpılır.
Bir logoyu 16 piksele indirmek doğası gereği yıkıcıdır — ince ayrıntı basitçe hayatta kalamaz — bu yüzden önizleme satırı her boyutu gerçek ölçüsünde gösterir ve yayına almadan önce okunaklılığı değerlendirmenizi sağlar. Her şey yerel bir canvas üzerinde işlenir, ICO/ZIP kapları sayfada bayt bayt kurulur; logonuz hiçbir yere yüklenmez.
Sıkça sorulan sorular
- 2026’da gerçekten hangi favicon boyutlarına ihtiyacım var?
- Söylencelerin ima ettiğinden azına: eski istemciler ve adres çubuğu için 16/32/48 içeren bir favicon.ico, tek bir 180 piksellik apple-touch-icon.png ve web uygulama manifestosundan başvurulan 192/512 piksellik PNG’ler. Modern tarayıcılar en uygun eşleşmeyi tam olarak bu kümeden seçer — bazı üreteçlerin çıkardığı 20 dosyalık paketler kargo kültüdür.
- Logom 16 pikselde neden okunmuyor?
- On altı piksel acımasızca küçüktür — kelime logoları, ince çizgiler ve zarif degradeler orada erir. Güçlü favicon’lar markayı yüksek kontrastlı tek bir kalın simgeye ya da şekle indirger. Buradaki 16 piksel önizlemesi lapa gibi görünüyorsa markanın ayırt edici kısmına daha sıkı kırpın ya da küçük boyutlar için sadeleştirilmiş bir varyant kullanın.
- Hâlâ bir .ico dosyasına ihtiyacım var mı, PNG favicon’lar yetmiyor mu?
- Her modern tarayıcı PNG favicon kabul eder ama /favicon.ico, kullanıcı aracılarının, tarayıcı botlarının ve eski araçların körlemesine istediği yol olmayı sürdürür. Oraya gerçek bir ICO koymak birkaç kilobayta mal olur ve bütün bir 404 ile geri düşme tuhaflıkları sınıfını ortadan kaldırır — PNG bağlantılarınızın yanında tutun.
- Apple touch ikonu neden bir arka plan rengi istiyor?
- iOS ana ekran ikonlarında saydamlığı işlemez — PNG’nizdeki alfa neyse siyah üzerine bindirilir. Seçtiğiniz bir renge önceden düzleştirmek sonucun kasıtlı olmasını sağlar. İkonunuzla uyumlu arka planı seçin ve iOS’un köşeleri kendisinin yuvarladığını unutmayın; yani taşma paylı, tam kare bir görsel verin.