PNG'den Favicon (ICO) Oluşturma

Nasıl çalışır?

Sitenizin logosunu (tercihen saydam zeminli, kare bir PNG) kutudan seçin, boyut setini seçin ve ICO Oluştur düğmesine basın. Örneğin 512×512 piksellik bir logo.png, içinde 16, 32 ve 48 piksellik üç sürüm taşıyan tek bir favicon.ico dosyasına dönüşür; tarayıcı sekme için 16'lık, yer imi ve görev çubuğu için daha büyük sürümü kendisi seçer. Çıktıyı sitenizin kök dizinine favicon.ico adıyla koymanız yeterlidir. Kare olmayan görsel kenarlardan kırpılmaz: oran korunur, görsel ortalanır ve kalan alan saydam bırakılır.

Bu araç png to ico, favicon generator, site ikonu yapma, favicon.ico indir aramalarıyla da biliniyor.

Favicon nedir?

Favicon, tarayıcının sekme başlığında, yer imlerinde, geçmişte ve arama sonuçlarında sitenizin yanında görünen küçük simgedir. 16×16 piksele kadar inen boyutlarda gösterildiği için sade, tanınabilir ve az ayrıntılı olması gerekir; karmaşık bir logo bu ölçekte okunmaz hâle gelir. Sitenize favicon koymak görünürlükten fazlasıdır: sekmeler arasında sitenizi bulunur kılar ve tarayıcının konsolda 404 hatası üretmesini engeller.

ICO nedir?

ICO, Windows kökenli bir simge kap biçimidir: tek dosyanın içinde aynı simgenin birden fazla boyutunu (16×16, 32×32, 48×48 gibi) birlikte taşır. Tarayıcı veya işletim sistemi, ihtiyacı olan boyutu dosyanın içinden kendisi seçer; böylece simge her ölçekte bulanıklaşmadan görünür. Kök dizindeki /favicon.ico adresi, web'in en eski geleneklerinden biridir ve birçok sistem bu adresi hâlâ otomatik olarak yoklar.

ICO ile PNG favicon arasındaki fark nedir?

Modern tarayıcılar PNG favicon'u da kabul eder; fark kapsayıcılıktadır. PNG tek bir boyut taşır ve her boyut için ayrı dosya ile etiket gerekir; ICO ise tüm boyutları tek dosyada toplar ve /favicon.ico adresini otomatik yoklayan eski tarayıcılar, arama motoru botları ve araçlarla da uyumludur. En sağlam kurulum ikisini birlikte kullanmaktır: kökte çok boyutlu bir favicon.ico, yanında modern sayfalar için PNG set. Bu araç işin ICO ayağını tek adımda üretir.

Saydamlık ve kaynak kalitesi

ICO'nun içine her boy için ayrı bir PNG gömülür, bu yüzden saydamlık korunur. Ancak kaynak JPG ise dosyada saydamlık bilgisi hiç yoktur: ikonunuz koyu temalı tarayıcılarda dolgulu bir kutu olarak görünür. Zemini şeffaf bir PNG kullanmak bu yüzden önemlidir.

Kaynak görsel, seçtiğiniz en büyük boydan küçükse büyütülür; büyütme yeni ayrıntı üretmez, ikon bulanıklaşır. Standart set için en az 48, geniş set için en az 64 piksellik bir kaynak kullanın.

Hangi boyut setini seçmeli?

Çoğu site için standart set doğru seçimdir: 16 piksel sekmede, 32 piksel yer imlerinde ve arama çubuğunda, 48 piksel Windows kısayollarında kullanılır.

Sayfa ağırlığını en aza indirmek istiyorsanız 16+32 yeterlidir. Kullanıcıların siteyi masaüstüne sabitlemesini bekliyorsanız 64 piksellik sürümü de içeren geniş seti seçin.

• Standart site → 16 + 32 + 48
• En hafif dosya → 16 + 32
• Masaüstü kısayolu önemliyse → 16 + 32 + 48 + 64

Sık sorulanlar

Kare olmayan bir görsel yüklersem ne olur?

Görsel esnetilmez ve kırpılmaz: oranı korunarak kare alanın ortasına yerleştirilir, kalan kenarlar saydam bırakılır.

Modern tarayıcılar PNG gömülü ICO'yu açıyor mu?

Evet. ICO içine PNG gömme Windows Vista'dan beri destekleniyor; güncel tarayıcıların ve işletim sistemlerinin tümü okur.

SVG favicon kullanıyorum; ICO yine gerekli mi?

Önerilir. Birçok istemci ve yer imi sistemi doğrudan /favicon.ico adresini ister; kök dizinde ICO yoksa bu istekler 404 döner.

Kaynak görsel en az kaç piksel olmalı?

Seçtiğiniz en büyük boy kadar: standart set için 48, geniş set için 64 piksel. Daha küçük kaynak büyütülür ve bulanık görünür.

Büyük bir logo 16 piksellik ikona inince ayrıntı kaybolur mu?

512 pikselden 16 piksele inmek 32 katlık bir küçültmedir; kaba bir küçültmede kaynağın piksellerinin çoğu hiç okunmaz ve ikon lekeye döner. Bu araç küçük boylarda ayrıntı koruyan bir yeniden örnekleme (Lanczos yöntemi) kullanır: ikondaki her piksel, kaynakta o noktaya düşen bütün piksellerin ağırlıklı ortalamasıdır. Yine de 16 pikselde ince çizgi ve küçük yazı okunmaz; ikonu kalın ve sade tutun.