Bir görseli favicon’a dönüştür

Bir fotoğrafı ya da logoyu eksiksiz bir favicon setine — favicon.ico, apple-touch-icon ve web uygulaması PNG’leri — doğrudan 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.

Tek bir görselden tam bir set

Herhangi bir görseli bırakın ve bir sitenin ihtiyaç duyduğu her simgeyi geri alın: sekmeler için çok boyutlu bir favicon.ico, iOS için 180px’lik bir apple-touch-icon, Android ve PWA’lar için 192 ve 512px PNG’ler, bir web manifesti ve bunları bağlayacak HTML. Kare olmayan görseller sığması için merkezden kırpılır; şekil, dolgu ve arka plan denetimleri de sonucu çerçevelemenizi sağlar.

Tasarımı gereği gizli

Favicon siteleri genellikle size bir şey vermeden önce çalışmanızı yükler. Burada setin tamamı cihazınızda Canvas API ile üretilir, dolayısıyla logonuz asla iletilmez, saklanmaz veya günlüğe yazılmaz. Anında çalışır, bir kez yüklendikten sonra çevrimdışı da çalışır ve indirdiğiniz şey tam olarak tarayıcınızın ürettiği şeydir.

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.