Favicon oluşturucu

Tek bir görselden eksiksiz bir favicon seti üretin — favicon.ico, apple-touch-icon, Android/PWA simgeleri ve HTML parçacığı — tümüyle tarayıcınızda. 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.

Modern bir sitenin ihtiyaç duyduğu her simge, tek seferde

Favicon artık tek bir dosya değil. Tarayıcılar sekmeler ve adres çubuğu için küçük bir favicon.ico okur, iOS ana ekran için 180×180 bir apple-touch-icon ister, Android ve kurulabilir web uygulamaları ise bir web manifestinden 192 ve 512px PNG’ler çeker. Bu oluşturucu hepsini tek bir kaynak görselden üretir ve size yapıştırmaya hazır bir HTML parçacığı verir; böylece altı boyutu elle dışa aktarmak zorunda kalmazsınız.

İstediğiniz gibi çerçevelenir, gizli kalır

Simgeyi kare tutun, köşelerini yuvarlayın ya da daireye kırpın; bir logo kenara sıkışmasın diye dolgu ekleyin; şeffaf ya da düz bir arka plan seçin. Canlı önizleme, sahte bir tarayıcı sekmesi de dâhil olmak üzere sonucu gerçek favicon boyutlarında gösterir. Her dosya cihazınızda üretildiğinden logonuz — çoğu zaman henüz yayımlanmamış bir marka çalışması — asla bir sunucuya gönderilmez.

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.