Favicon Oluştur
Bir logo ya da resim yükleyin; favicon.ico (16+32+48), PNG simgeler, apple-touch-icon, Android 192/512, maskable simge, site.webmanifest ve yapıştırmaya hazır HTML kodu tek ZIP'te gelsin.
- Sunucuya yükleme yok
- Anında işlem
- Ücretsiz, kota yok
Logoyu buraya bırakın ya da tıklayıp seçin
PNG, SVG, JPG, WebP · En az 512×512 önerilir · Sunucuya yükleme yok
| Ne yapar? | Bir logo ya da resim yükleyin; favicon.ico (16+32+48), PNG simgeler, apple-touch-icon, Android 192/512, maskable simge, site.webmanifest ve yapıştırmaya hazır HTML kodu tek ZIP'te gelsin. |
|---|---|
| Nerede çalışır? | Tamamen tarayıcınızda (Chrome, Edge, Firefox, Safari). Dosyalar sunucuya yüklenmez. |
| Ücret / kayıt | Ücretsiz, üyelik ve kurulum gerektirmez, dosya sayısı sınırı yoktur. |
| Kategori | Yardımcı Araçlar |
| Son güncelleme |
Favicon Oluştur nedir, ne işe yarar?
Tarayıcı sekmesindeki küçük simge, yer imleri, iPhone ana ekranına eklenen kısayol, Android'in uygulama çekmecesi, Windows'un görev çubuğu… Her biri farklı boyut ve format ister: klasik favicon.ico, 16 ve 32 piksel PNG, 180 piksel apple-touch-icon, 192 ve 512 piksel Android simgeleri, kenarları güvenli bölgeyle doldurulmuş maskable simge ve hepsini tanımlayan site.webmanifest. Favicon Oluştur, tek bir logodan bu paketin tamamını tarayıcınızda üretir ve ZIP olarak verir; logonuz sunucuya yüklenmez.
ICO dosyası nasıl üretiliyor?
ICO, içinde birden fazla boyut barındıran bir kapsayıcıdır. Araç, 16, 32 ve 48 piksellik PNG görüntüleri ICO yapısına (ICONDIR + ICONDIRENTRY başlıkları) gömer. PNG gömülü ICO, Windows Vista'dan bu yana tüm Windows sürümleri ve tüm modern tarayıcılar tarafından desteklenir; dosya klasik BMP tabanlı ICO'dan çok daha küçüktür. Tarayıcı, ekranın piksel yoğunluğuna göre uygun boyutu kendisi seçer.
Arka plan, köşe ve dolgu
Şeffaf PNG logolar şeffaf kalır. İsterseniz düz bir arka plan rengi ve köşe yuvarlama (yüzde) verip "uygulama simgesi" görünümü elde edebilirsiniz; iOS zaten köşeleri kendisi yuvarladığı için apple-touch-icon şeffaf olmamalıdır, araç bu dosyaya seçtiğiniz arka planı otomatik uygular. Maskable simge için logo %80'e küçültülüp ortalanır ve çevresi arka plan rengiyle doldurulur; böylece Android'in daire, damla ya da yuvarlatılmış kare maskeleri logoyu kesmez.
Kaynak görsel nasıl olmalı?
En az 512×512 piksel, kare ve tercihen şeffaf PNG ya da SVG. Kare değilse araç kısa kenara göre ortadan kırpar. Çok ince çizgili logolar 16 pikselde okunmaz; favicon için sadeleştirilmiş bir sürüm (harf ya da sembol) kullanmak daha iyi sonuç verir. Logonuzun arka planını önce Resim Arka Plan Kaldır ile temizleyebilirsiniz.
Kurulum
ZIP içindeki dosyaları sitenizin kök dizinine atın, üretilen <link> satırlarını <head> içine yapıştırın. site.webmanifest dosyasındaki name, theme_color ve background_color alanlarını araçtaki kutulardan doldurabilirsiniz. Birden fazla boyutta görsel üretmenin diğer senaryoları için Toplu Resim Boyutlandır aracına bakın.
Nasıl yapılır? Adım adım
-
Logoyu yükleyin
En az 512×512 piksel, tercihen şeffaf PNG veya SVG seçin. Kare olmayan görseller ortadan kırpılır.
-
Görünümü ayarlayın
İsteğe bağlı arka plan rengi, köşe yuvarlama ve iç boşluk belirleyin; site adı ile tema rengini girin. Önizleme ızgarası tüm boyutları gösterir.
-
Paketi indirin
"Favicon Paketi Oluştur" düğmesine basın: favicon.ico, PNG'ler, apple-touch-icon, Android ve maskable simgeler, site.webmanifest tek ZIP olarak iner.
-
Siteye ekleyin
Dosyaları kök dizine koyun, üretilen HTML kodunu kopyalayıp <head> içine yapıştırın.
Sık sorulan sorular
favicon.ico hâlâ gerekli mi?
Evet. Modern tarayıcılar SVG/PNG favicon kullansa da pek çok araç, RSS okuyucu, eski tarayıcı ve bazı arama motoru botları doğrudan /favicon.ico adresini ister. Paket her ikisini de içerir.
Üretilen ICO Windows'ta açılıyor mu?
Evet. PNG gömülü ICO, Windows Vista ve sonrası ile tüm güncel tarayıcılarda desteklenir. Yalnızca Windows XP gibi çok eski sistemler BMP tabanlı ICO ister.
Maskable simge nedir?
Android, ana ekrandaki uygulama simgelerini cihazın şekline (daire, damla, kare) göre maskeler. Maskable simgede logo %80 güvenli alanda kalır, kenarlar arka plan rengiyle dolar; böylece kesilmez.
SVG favicon ekleyebilir miyim?
SVG yüklerseniz araç PNG'leri ondan üretir; SVG dosyanızı da kök dizine koyup <link rel="icon" href="/favicon.svg" type="image/svg+xml"> satırını ekleyebilirsiniz. Üretilen HTML kodunda bu satır hazır gelir.
Logom bir sunucuya yükleniyor mu?
Hayır. Tüm boyutlar tarayıcınızın Canvas API'siyle cihazınızda üretilir; ICO ve ZIP dosyaları da yerelde oluşturulur.
Favicon neden güncellenmiyor?
Tarayıcılar favicon'u uzun süre önbellekler. Dosya adlarına sürüm ekleyin (ör. favicon.ico?v=2) ya da gizli pencerede kontrol edin.