PNG'yi ICO'ya (favicon) dönüştür

Favicon, tarayıcıların sekmede, yer imi çubuğunda ve geçmişte gösterdiği küçük simgedir. Bu araç bir PNG'yi 16, 32, 48 ve 64 piksellik sürümler içeren düzgün, çok boyutlu bir .ico dosyasına dönüştürür; tamamen cihazınızda, yükleme olmadan oluşturulur.

PNG ICO'ya nasıl dönüştürülür

Aşağıdaki araca PNG görselinizi bırakın. Kare bir görsel en iyi sonucu verir.
Çıktı formatı zaten ICO (favicon) olarak ayarlı.
Çok boyutlu bir .ico üretmek için Çalıştır'a tıklayın.
favicon.ico'nuzu indirin ve site kök dizininize bırakın.

Bir favicon ne yapmalı

Favicon çok küçük boyutlarda, genellikle 16 piksel karede gösterilir. O boyutta ince ayrıntılar kaybolur ve ince çizgiler tamamen yok olur. İyi bir favicon güçlü kontrastlı, kalın, basit bir şekildir: tek bir harf, bir logo işaretinin sadeleştirilmiş sürümü veya marka renginde dolu bir şekil. Tam logonuzun yazı işareti varsa yalnızca sembolü ya da yalnızca ilk harfi kullanın.

.ico dosyalarının birkaç boyut içermesinin nedeni, tek bir görselin gösterim anında büyütülüp küçültülmesinin bulanık görünmesidir. 16, 32, 48 ve 64 piksellik sürümler sağlanarak işletim sistemi veya tarayıcı her bağlamda piksel tam bir görsel gösterebilir: sekmede 16 px, yüksek DPI ekranda yer imi listesinde 32 px, Windows görev çubuğu kısayolunda 48 px vb.

Kaynak PNG'yi hazırlamak

Kare yapın. Logonuz genişse önce kare şeffaf bir tuvale yerleştirin ya da kırpma aracıyla sembole kırpın.
256 piksel veya daha büyükten başlayın. Büyük, temiz bir kaynaktan küçültmek, küçük bir kaynağı büyütmekten daha pürüzsüz sonuç verir.
Şekil doluysa açık ve koyu tarayıcı temalarında iyi dursun diye şeffaf arka planı koruyun. Şekil ince veya açık renkliyse bunun yerine dolu, yuvarlatılmış bir kareye koyun.
Bir veya iki karakterden uzun metinden kaçının; 16 pikselde okunmaz olur.

Favicon'u yüklemek

İndirilen dosyayı favicon.ico olarak kaydedin ve sitenizin kök klasörüne koyun. Ardından her sayfanın <head> içine şunu ekleyin:

<link rel="icon" href="/tr/favicon.ico" sizes="any">

Çoğu platformun bunun yerine özel bir ayarı vardır: WordPress Görünüm altında Site Simgesi der, Shopify ve Squarespace tema ayarlarında Favicon alanına sahiptir ve Webflow Proje Ayarları'nda bir tane bulundurur. .ico'yu oraya yükleyin.

Daha ileri gitmek

Modern cihazların istediği tam simge seti için iOS ana ekran kısayolları için 180 piksellik bir PNG (apple-touch-icon) ve Android ile web uygulaması bildirimi için 192 ve 512 piksellik PNG'ler de isteyeceksiniz. Bunlar düz PNG dosyalarıdır, dolayısıyla aynı ana kopyadan üretmek için boyutlandırma aracını kullanın. Bu sayfadaki .ico tarayıcı sekmelerini, yer imlerini ve Windows'u kapsar; çoğu insanın eksik favicon'u fark ettiği yer burasıdır.

Sıkça sorulan sorular

Kaynak PNG'm ne boyutta olmalı?

Kare ve en az 64×64 piksel. 256 piksel kare bir PNG en temiz küçültülmüş sonuçları verir. Kare olmayan görseller ortalanır ve şeffaflıkla doldurulur.

.ico dosyasının içinde ne var?

16, 32, 48 ve 64 piksellik dört PNG kodlu görsel. Tarayıcılar ve Windows bağlama en uygun boyutu seçer, böylece simge sekmede, yer iminde ve masaüstü kısayolunda keskin görünür.

Favicon'u web siteme nasıl eklerim?

favicon.ico'yu sitenizin köküne yükleyin (siteniz.com/favicon.ico adresinden erişilebilsin) ve sayfalarınızın <head> içine <link rel="icon" href="/favicon.ico"> ekleyin. Tarayıcılar favicon'ları agresif biçimde önbelleğe alır, değişikliği görmek için sert yenileme gerekebilir.

2026'da hâlâ .ico dosyasına ihtiyacım var mı?

Modern tarayıcılar PNG ve SVG favicon kabul eder ama .ico, eski tarayıcılar, Windows kısayolları ve bazı besleme okuyucuları dâhil her yerde çalışan tek formattır. Çoğu site ikisini de sunar.

Dosyalarınız cihazınızdan asla ayrılmaz

Squishly Tools'daki her araç %100 ücretsizdir ve tamamen tarayıcınızın içinde çalışır. Görselleriniz ve belgeleriniz kendi bilgisayarınızda işlenir ve asla bir sunucuya yüklenmez. Hesap yok, filigran yok ve gizli bir bedel yok.