Favicon Oluşturucu
Tek bir kaynak görselden bir web sitesinin ihtiyaç duyduğu tüm favicon boyutlarını üretin; çok çözünürlüklü ICO dosyası dahil. Tarayıcılar, yer imleri, mobil ana ekranlar ve sekme çubukları farklı boyutlar ister; bu araç setin tamamını tek seferde oluşturur. Ücretsizdir, hesap gerektirmez ve sonucunuza filigran eklemez.
Favicon Oluşturucu
Dosyalarınızı ekleyin. Önerilen ayarlar hazır, tek tıkla işleyebilirsiniz.
PDF, Word, görseller, ses, video, arşivler ve dahası
En fazla 100 dosya · 250 MB · Hesap gerekmez- 1Dosya ekle
- 2Bir işlem seçin
- 3İndirin veya devam edin
Ne zaman gerekir
Nasıl çalışır
Görsel saydam bir karenin ortasına yerleştirilir, asla kırpılmaz ve her standart boyuta yeniden örneklenir; küçük bir kaynak büyütülür, böylece her boyut yine üretilir. Apple touch icon'un arkasına tema renginiz konur, çünkü iOS saydamlığı siyaha çevirir. PNG simgeler, çok çözünürlüklü bir favicon.ico, web bildirimi ve yapıştırılacak etiketler birlikte bir ZIP içinde verilir.
16×16 boyutunda ayrıntı kaybolur. Sadeleştirilmiş bir işaret olarak tasarlanan simgeler, küçültülmüş ayrıntılı logolardan veya fotoğraflardan çok daha net okunur.
ZIP'te neler var
| Dosya | Boyut | Kullanan |
|---|---|---|
| favicon.ico | 16, 32, 48 ve 64 px | Tarayıcı sekmeleri ve yer imleri, ayrıca doğrudan /favicon.ico isteyen her şey |
| favicon-16x16.png, favicon-32x32.png | 16 ve 32 px | head-snippet.html'deki etiketler aracılığıyla tarayıcı sekmeleri |
| favicon-48x48.png | 48 px | O boyutta isteyen bir CMS veya araç için yedek PNG |
| apple-touch-icon.png | 180 px | iPhone ve iPad ana ekranları |
| android-chrome-192x192.png, android-chrome-512x512.png | 192 ve 512 px | site.webmanifest aracılığıyla Android ana ekranları ve yüklenebilir web uygulamaları |
| site.webmanifest | - | Site adınız, tema renginiz ve Android simgeleri |
| head-snippet.html | - | Sayfalarınızın <head> bölümüne yapıştırılacak hazır etiketler |
Seti yüklemek
- Tüm dosyaları sitenizin kök dizinine yükleyin; böylece https://siteniz.com/favicon.ico simgeyi açar.
- head-snippet.html içeriğini her sayfanın <head> bölümüne ya da bir kez site şablonunuza yapıştırın.
- Girdiğiniz site adı ve tema rengi site.webmanifest dosyasına ve theme-color etiketine yazılır.
- Tarayıcılar favicon'ları sıkı biçimde önbelleğe alır. İşe yaramadığına karar vermeden önce yeni simgeyi gizli pencerede kontrol edin.
Keskin bir sonuç almak
- Geniş ya da uzun bir görsel, çevresinde saydam boşlukla karenin içine sığdırılır, asla kırpılmaz. Logonun simgeyi doldurmasını istiyorsanız önce sembole göre kırpın.
- Setteki en büyük simgenin boyutu olan en az 512 × 512 px'lik bir görselle başlayın. Daha küçük bir kaynak da büyütülerek her boyutu alır.
- iOS ana ekran simgesinin saydam kısımlarını siyah gösterir; bu yüzden apple-touch-icon.png tema renginizle doldurulur, diğer simgeler saydamlığını korur.
- 128 ve 256 px boyutlu bir Windows uygulama simgesi için Görselden ICO'ya Dönüştürücü'yü kullanın; bu set web siteleri için boyutlandırılmıştır.
Sık sorulan sorular
Hangi kaynak görseli kullanmalıyım?
En az 512×512, sade ve belirgin bir biçime sahip kare bir görsel. İnce ayrıntılar ve küçük metinler favicon boyutlarında kaybolur.
Hâlâ bir ICO dosyasına ihtiyacım var mı?
Özellikle eski tarayıcılar için en geniş uyumlu seçenek olmayı sürdürüyor; bu yüzden PNG boyutlarının yanında ICO da üretilir.
PNG veya JPG'den nasıl favicon.ico yaparım?
Görseli ekleyin ve ZIP'i indirin. İçindeki favicon.ico 16, 32, 48 ve 64 px sürümleri içerir; yanında tarayıcılar, iPhone ve Android için PNG simgeler, web bildirimi ve sayfanıza yapıştıracağınız etiketler bulunur.
Logom geniş. Kesilir mi?
Hayır. Geniş ya da uzun bir görsel, çevresinde saydam boşlukla karenin içine sığdırılır; böylece yazı logosunun hiçbir harfi kaybolmaz. Daha güçlü bir simge için logoyu önce sembolüne göre kırpın.
Saydamlık korunur mu?
Evet, favicon.ico'da ve PNG simgelerde; böylece simge açık ve koyu sekme çubuklarında düzgün görünür. İstisna Apple touch icon'dur: iOS saydam kısımlarını siyah göstereceği için tema renginizle doldurulur.
İlgili ücretsiz araçlar
Bir .ico dosyasını açın, içindeki her boyutu görün, PNG olarak kaydedin ve boyut ekleyip çıkarın.
PNG, JPG veya WebP görsellerini Windows için çok boyutlu ICO simge dosyalarına dönüştürün.
Görselleri piksel veya yüzde olarak yeniden boyutlandırın, en boy oranını koruyun.
Fotoğrafın köşelerini yuvarlatın ve şeffaf PNG veya WebP indirin. Yuvarlak köşe, squircle veya daire, canlı önizlemeyle. Ücretsiz, hesap gerekmez.
Birden çok görseli şeffaflığı korunan tek bir PNG sprite sheet'te birleştirin ve her birinin konum ve boyutunu içeren JSON haritası alın. Ücretsiz.