Favicon, tarayıcı sekmelerinde, yer imlerinde ve mobil ana ekran kısayollarında görünen küçük site simgesidir.

Hangi favicon boyutları oluşturuluyor?

favicon.ico (16, 32, 48 px içerir), favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, apple-touch-icon.png (180×180), android-chrome-192x192.png ve android-chrome-512x512.png.

En iyi sonuç için kaynak görsel ne kadar büyük olmalı?

En az 512×512 piksel, kare, PNG önerilir. Kare olmayan görseller otomatik olarak ortadan kırpılır.

Favicon Üretici

ICO + PNG + Manifest

Bir görsel yükleyin — tüm favicon boyutlarını, .ico ve site.webmanifest dosyasını tek ZIP olarak indirin. Her şey tarayıcınızda çalışır, hiçbir şey sunucuya gönderilmez.

Sürükle & bırak veya tıklayarak görsel seç

Önerilen: kare, en az 512×512 px, PNG veya JPEG

HTML <head> Kodu

<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png">
<link rel="manifest" href="/site.webmanifest">

ZIP İçeriği (8 dosya)

Dosya	Boyut	Kullanım
favicon.ico	16+32+48px	Tarayıcı sekme ikonu (evrensel uyumluluk)
favicon-16x16.png	16×16	Tarayıcı sekme (küçük)
favicon-32x32.png	32×32	Tarayıcı sekme (standart)
favicon-48x48.png	48×48	Windows site kısayolu
apple-touch-icon.png	180×180	iOS Ana Ekrana Ekle
android-chrome-192x192.png	192×192	Android Chrome / PWA
android-chrome-512x512.png	512×512	PWA splash ekranı + Play Store
site.webmanifest	—	PWA manifest (Chrome/Edge/Firefox)

Tüm işlemler cihazınızda gerçekleşir — hiçbir dosya yüklenmez.

Nasıl Kullanılır?

Kare bir görsel hazırlayın — en az 512×512 px, PNG veya JPEG önerilir.
Görseli bölgeye sürükleyin ya da tıklayarak seçin.
"Favicon ZIP'ini İndir" butonuna tıklayın.
ZIP içindeki tüm dosyaları web sitenizin kök dizinine koyun.
HTML <head> etiketine yukarıdaki kodu yapıştırın.

Sık Sorulan Sorular

Favicon nedir?

Favicon, tarayıcı sekmelerinde, yer imlerinde ve mobil "Ana Ekrana Ekle" kısayollarında görünen küçük site simgesidir. Marka tanınırlığını artırır ve sitenizin profesyonel görünmesini sağlar.

Neden .ico dosyasına ihtiyaç var?

Internet Explorer dahil eski tarayıcılar yalnızca .ico formatını destekler. Modern tarayıcılar PNG'yi desteklese de .ico, maksimum uyumluluk için standart olmaya devam eder. Bu araç, harici kütüphane gerektirmeden PNG-in-ICO yöntemini kullanır.

Hangi boyutlar nerede kullanılır?

16×32 px tarayıcı sekmesi, 48 px Windows kısayolu, 180 px iOS "Ana Ekrana Ekle", 192 px Android Chrome/PWA, 512 px PWA splash ekranı ve Play Store içindir.

Görselim kare değilse ne olur?

Araç görseli otomatik olarak ortadan kırpar ve kare hale getirir. En iyi sonuç için kare kaynak görsel kullanın.

site.webmanifest ne işe yarar?

Web App Manifest, Progressive Web App (PWA) özelliklerini etkinleştirir; Chrome ve Edge'de "Ana Ekrana Ekle" işlevini, splash ekranını ve uygulama adını yönetir.

Görselim sunucuya yükleniyor mu?

Hayır. Tüm işlemler HTML5 Canvas API ile tamamen tarayıcınızda gerçekleşir. Hiçbir dosya sunucuya gönderilmez, gizliliğiniz korunur.