Favicon Oluşturucu
Bir logoyu veya resmi eksiksiz bir favicon paketine dönüştürün: eski tarayıcılar için favicon.ico, 16 ile 512 piksel arası PNG simgeler, apple-touch-icon
görsel dosyanızı buraya bırakın
veya dosya seçmek için tıklayın
Bir logoyu ya da herhangi bir kare resmi, modern bir web sitesinin ihtiyaç duyduğu eksiksiz simge kümesine dönüştürün: eski tarayıcılar için favicon.ico, 16 ile 512 piksel arası PNG simgeler, iOS ana ekranları için apple-touch-icon, bir web uygulaması bildirimi ve hepsine başvuran HTML kodu.
Dosyaları ve işaretlemeyi tek adımda alırsınız; böylece hangi boyutları dışa aktaracağınızı ya da hangi link etiketlerini yazacağınızı hatırlamak zorunda kalmazsınız. Kaynak görsel yerel olarak işlenir; logo henüz herkese açık değilse bu önemlidir.
Favicon paketi nasıl oluşturulur
Kare bir logo ya da görsel seçin
Simge kümesini oluşturun
Dosyaları indirin ve HTML kodunu kopyalayın
SSS
Hangi boyutlar oluşturuluyor?
Tarayıcı sekmeleri için 16x16 ve 32x32, kısayollar için 96x96, apple-touch-icon olarak 180x180, Android ve PWA kurulumları için 192x192 ve 512x512, ayrıca eski tarayıcılar için çok boyutlu bir favicon.ico.
Hangi görselden başlamalıyım?
512x512 ya da daha büyük boyutta, saydam arka planlı kare bir PNG veya SVG. Geniş bir logo kenarlardan boşlukla yerleştirilir; küçük ya da bulanık bir kaynak ise 512 pikselde yumuşak bir favicon üretir.
Bütün bu dosyalara ihtiyacım var mı?
Modern bir site için .ico dosyası ile 192 ve 512 PNG'ler ve manifest neredeyse her şeyi karşılar. En yüksek uyumluluğu istiyorsanız tüm kümeyi yükleyin - yalnızca birkaç kilobayt tutar.
Dosyalar nereye gidecek?
Bunları sitenizin kök dizinine yükleyin ki /favicon.ico ve /icon-192.png çözümlensin; ardından HTML kodunu her sayfanın <head> bölümüne yapıştırın ya da manifesti bağlayıp gerisini ona bırakın.
Bir web uygulaması / PWA için çalışır mı?
Evet - manifest ve 192/512 simgeler, kurulabilir bir web uygulamasının tam olarak ihtiyaç duyduğu şeydir. Logonuz Android'in uyarlanabilir biçimlerinden sağ çıkacaksa maskelenebilir simgeleri de aklınızda tutun.
Görselim yükleniyor mu?
Hayır, tüm simgeler tarayıcınızda oluşturulur.
Bir bakışta
| Girdi | görsel |
|---|---|
| Birden fazla dosya | Hayır |
| Nerede çalışır | Tarayıcınızda - dosyalar hiçbir zaman yüklenmez |
| Çevrimdışı çalışır | Evet — sayfa yüklendikten sonra |
| Fiyat | Ücretsiz, kayıt yok, filigran yok |
JPG, PNG, WebP ve AVIF arasında seçim yapmak
Bu biçimler farklı sorunları çözer ve yanlış olanı seçmek size ya kalite ya da dosya boyutu kaybettirir. JPG, fotoğraflar ve başkasına göndermeniz gereken her şey için en güvenli seçimdir; çünkü her cihaz ve program onu açar - ancak kayıplıdır ve saydamlığı yoktur. PNG kayıpsızdır ve saydamlığı destekler; bu onu logolar, ekran görüntüleri, şemalar ve keskin kenarlı ya da metin içeren her şey için doğru kılar, karşılığında dosya çok daha büyük olur. WebP, aynı görünür kalitede JPG'yi tipik olarak %25-35 geçer ve saydamlığı destekler, ancak birkaç eski program onu hâlâ açamaz. AVIF daha da fazla sıkıştırır, özellikle düşük kalite ayarlarında, ama kodlama daha yavaştır ve desteği dördü arasında en yenidir. Pratik bir kural: göndermek için JPG, düzenlemek için PNG, kendi web siteniz için WebP, her kilobayt önemliyse ve hedef kitlenizin dosyayı açabildiğini kontrol ettiyseniz AVIF.
Bir dosyayı boyut sınırının altına indirmek
Yükleme formları sıklıkla "2 MB'ın altında" ya da "500 KB'ın altında" gibi bir şey ister ve oraya ulaşmanın en hızlı yolu doğru sırayla çalışmaktır: ihtiyacınız olmayanı kırpın, ardından piksel boyutlarını nihai kullanımın gerektirdiği ölçüye indirin (tam ekran bir web görseli için 1920 piksel genişlik fazlasıyla yeterlidir, bir blog yazısı için 1000 piksel) ve ancak ondan sonra kaliteyi düşürün. Yükleme formu kabul ediyorsa WebP veya AVIF'e dönüştürmek tek başına en büyük tasarruf olabilir. Meta verileri kaldırmak boyut açısından zararsızdır ve gizlilik için önemli olabilir, çünkü fotoğraflar sıklıkla GPS koordinatlarını, tam kamera modelini ve tarihi taşır. Form dosyayı yine de reddediyorsa, yalnızca boyut sınırı mı koyduğunu yoksa piksel boyutu sınırı da mı koyduğunu kontrol edin - bu, insanları gerçek megabaytlardan daha sık yakalar.