Favicon Oluşturucu

Favicon, tarayıcının sekme, yer imleri ve geçmişte gösterdiği küçük ikondur. Tek bir boyut yoktur — modern siteler birçok boyut sunar: 16, 32 ve 48 px içeren favicon.ico, 512 px'e kadar PNG ikonlar, iOS için 180 px apple-touch-icon ve Android ile PWA'lar için 192/512 px ikonlar. Bu oluşturucu hepsini bir seferde oluşturur.

PNG'nizi (veya JPG, WebP ya da SVG) araca bırakın. Görüntünüzü 16, 32 ve 48 px'e küçülterek bağımsız PNG ikonlarıyla birlikte tek bir favicon.ico içinde paketler. ZIP'i indirin ve favicon.ico'yu sitenizin köküne kopyalayın.

Her şey tarayıcınızda gerçekleşir, bu nedenle ikonlar kendi cihazınızda oluşturulur. Araçla ilişkili verilerin nasıl işlendiği gizlilik politikamızda açıklanmaktadır.

ZIP; favicon.ico, PNG faviconlar (16–512 px), apple-touch-icon.png, android-chrome-192/512 PNG'leri, site.webmanifest ve yapıştırmaya hazır HTML snippet içerir. Dosyaları sitenizin köküne kopyalayın ve snippet'i sayfanızın <head> bölümüne yapıştırın.

İkonlar kare olduğundan kare en iyi sonucu verir. Görüntünüz kare değilse, ortalanarak bir kare çerçeveye yerleştirilir; kare olmayan sanatın ikon içinde düzgün görünmesi için arka plan rengi ve dolgu da ekleyebilirsiniz.

Şeffaf (PNG) çoğu tarayıcıda en iyi görünür ve açık ile koyu sekmelere uyum sağlar. Logonuzun belirli temalarda kaybolan ince çizgileri varsa veya tutarlı yuvarlak köşeli uygulama ikonu görünümü istiyorsanız düz renkli arka plan kullanın.

Evet. Uygulama ikonları moduna geçerek tam iOS setini (Xcode ve App Store için 40–1024 px) ve Android mipmap yoğunluklarını artı 512 px Play Store ikonunu ZIP içindeki klasörlerde düzenlenmiş şekilde dışa aktarabilirsiniz.

Dosyaları sitenizin köküne yükleyin, ardından sağlanan <link> etiketlerini her sayfanın <head> bölümüne (veya paylaşılan düzeninize) yapıştırın. favicon.ico satırı eski tarayıcıları; PNG ve apple-touch-icon satırları modern tarayıcıları ve iOS'u; manifest satırı ise Android ve kurulabilir PWA'ları kapsar.

Tarayıcılar faviconları agresif biçimde önbelleğe alır. Zorla yenileme yapın, dosyayı doğrudan açın (siteniz.com/favicon.ico) veya özel bir pencere deneyin. Dosya yayında olsa bile sekmelerin ve yer imlerinin güncellenmesi biraz zaman alabilir.

Evet — filigran ve kayıt olmaksızın tamamen ücretsizdir. İstediğiniz kadar favicon ve uygulama ikonu seti oluşturun.