JPG’yi ICO’ya dönüştür

Bir JPG’yi düzgün, çok çözünürlüklü bir favicon.ico’ya — artı modern bir simge setinin geri kalanına — tümüyle tarayıcınızda çevirin. 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.

Fotoğraf biçimi JPEG’den simge biçimine

JPG fotoğraflar için tasarlanmıştır ve şeffaflığı yoktur; ICO ise aynı anda birkaç küçük kare bitmap taşıyan bir kaptır. İkisi arasında dönüştürmek bir yeniden adlandırma değildir — görselin 16, 32 ve 48 piksele yeniden örneklenip tek bir dosyada paketlenmesi gerekir. Bu araç tam olarak bunu yapar; gerçek, çok çözünürlüklü bir favicon.ico yazar; böylece tarayıcılar sekme, yer imi çubuğu ya da bir masaüstü kısayolu için ihtiyaç duydukları boyutu seçebilir.

Fotoğrafı okunabilir bir şeye kırpın

JPEG genellikle bir fotoğraftır ve fotoğraflar 16 piksele küçültülmeye pek gelmez. Özneyi öne çekmek için dolgu ve şekil denetimlerini kullanın, kenarlar temiz kalsın diye düz bir arka plan ekleyin ve sekme boyutunda hâlâ okunup okunmadığını görmek için canlı önizlemeye ve sahte tarayıcı sekmesine bakın. Setin tamamı — favicon.ico, apple-touch-icon, PWA simgeleri ve bir HTML parçacığı — zip olarak iner.

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.