araçGeliştiriciücretsiz
Favicon Oluşturucu
Eksiksiz ikon seti ve gerçek çok çözünürlüklü .ico dosyası.
Görseli buraya bırak veya
512px veya daha büyük, kare bir PNG ya da SVG en iyi sonucu verir.
Tamamen tarayıcınızda çalışır. Girdiğiniz hiçbir veri sunucuya gönderilmez, kaydedilmez veya saklanmaz.
Nasıl kullanılır
- Kare bir görsel seç, tercihen 512px veya daha büyük.
- Manifest için uygulama adını, arka planı ve iç boşluğu ayarla.
- Paketi oluştur.
- ZIP'i indir ve HTML kodunu <head> içine yapıştır.
Ne alıyorsun?
- favicon.ico — 16, 32 ve 48 piksel görselleri içeren gerçek, çok çözünürlüklü bir ICO.
- favicon-16x16.png, favicon-32x32.png, favicon-48x48.png.
- iOS ana ekranı için 180 × 180 apple-touch-icon.png.
- Android ve PWA kurulumları için android-chrome-192x192.png ve 512x512.png.
- Uygulama adın ve tema rengin ile site.webmanifest.
- Yapıştırılacak link etiketlerini içeren head-snippet.html.
Adı değiştirilmiş PNG değil, gerçek ICO
Pek çok üretici sana 32 piksellik bir PNG'yi favicon.ico olarak adlandırıp verir. Tarayıcılar içeriği kokladığı için çoğu zaman çalışır, ama bu geçerli bir ICO değildir ve bazı araçlar reddeder. Bu araç üç boyutu gömen düzgün bir ICONDIR başlığı yazar; böylece tarayıcı bağlama uygun olanı seçebilir.
Sık sorulan sorular
- Görsellerim bir sunucuya yükleniyor mu?
- Hayır. Buradaki her araç dosyanı tarayıcının kendi Canvas API'leriyle çözümleyip yeniden kodlar. Görsel cihazından hiç çıkmaz; bu yüzden sayfa bir kez yüklendikten sonra çevrimdışı bile çalışır.
- PNG'lerim varsa favicon.ico'ya hâlâ ihtiyacım var mı?
- Yine de eklemeye değer. Hiçbir link etiketi uymadığında tarayıcılar varsayılan olarak /favicon.ico ister ve bazı besleme okuyucuları ile eski araçlar sadece o yola bakar.
- En iyi kaynak görsel nasıl olmalı?
- 512px veya daha büyük, kare ve basit bir biçim. İkonlar 16 piksele kadar küçültülür; bu ölçüde ince ayrıntı ve zayıf yazı okunmaz hâle gelir. Küçültmeden önce sadeleştirin.