SVG’den favicon’a
Bir SVG logoyu eksiksiz bir favicon setine — favicon.ico, apple-touch-icon ve web uygulaması simgeleri — çevirin; tarayıcınızda net biçimde rasterleştirilsin. Hiçbir şey yüklenmez.
Önce gizlilik: her görsel tarayıcınızda yerel olarak işlenir. Hiçbir şey bir sunucuya yüklenmez, saklanmaz veya iletilmez.
Vektör girer, her raster boyut çıkar
SVG, ideal favicon kaynağıdır: çözünürlükten bağımsızdır, dolayısıyla her simge boyutu zaten küçük bir bitmap’ten yeniden örneklenmek yerine özgün geometriden rasterleştirilebilir. SVG’nizi bırakın; her çıktı — 16, 32, 48, 180, 192 ve 512 piksel — vektörden kendi doğal boyutunda çizilir, bu da kenarları bulanık değil keskin tutar. Bir sekmede özenli görünen simgeyle leke gibi duran simge arasındaki fark tam olarak budur.
Yine de neden .ico istersiniz
Modern tarayıcılar bir SVG favicon’u doğrudan kullanmaktan memnundur, ancak eski tarayıcılar ve pek çok araç — akış okuyucuları, sohbet önizleyicileri, masaüstü kısayolları — hâlâ favicon.ico arar. İkisini de aynı SVG’den üretmek her ihtimali karşılar. Dolgu ekleyin, kare, yuvarlatılmış ya da dairesel bir maske ile bir arka plan seçin, sonra setin tamamını yapıştırmaya hazır bir HTML parçacığıyla indirin.
Sıkça sorulan sorular
- Favicon oluşturmak için resmim yükleniyor mu?
- Hayır. favicon.ico, PNG simgeler ve manifest dosyasının tümü Canvas API kullanılarak tarayıcınızda yerel olarak oluşturulur. Resminiz cihazınızdan asla ayrılmaz.
- Hangi boyutları ve dosyaları alıyorum?
- Çok çözünürlüklü bir favicon.ico (16, 32 ve 48px), 16, 32, 48, 180 (apple-touch-icon), 192 ve 512px boyutlarında PNG simgeler, bir site.webmanifest ve <head> bölümünüze yapıştıracağınız bir HTML parçacığı.
- Bir PNG veya SVG dosyasını ICO'ya dönüştürebilir miyim?
- Evet. Bir PNG, JPG, SVG veya WebP bırakın ve gerçek bir favicon.ico indirin. SVG logolar önce yüksek çözünürlükte yerel olarak tarama grafiğine dönüştürülür.
- En iyi hangi resim işe yarar?
- Sade, yüksek kontrastlı bir logo içeren kare bir resim. Kare olmayan resimler sığması için ortadan kırpılır; istediğiniz gibi çerçevelemek için dolgu ve şekil denetimlerini kullanın.
- Favicon'u nasıl kurarım?
- Paketi sitenizin kök klasörüne açın ve verilen HTML parçacığını sayfalarınızın <head> bölümüne yapıştırın. favicon.ico çoğu tarayıcı tarafından otomatik olarak alınır.