Favicon Oluşturucu
Görsel ya da harf verin; favicon.ico, PNG boyutları, Apple simgesi ve head etiketlerini ZIP indirin.
Araç
Favicon, tarayıcı sekmesinde, yer imlerinde ve telefonun ana ekranında sitenizi temsil eden küçük simgedir. Bu araç iki yoldan başlar: PNG, JPG, WebP ya da SVG görseli yüklersiniz veya bir iki karakterlik harf ya da emojiden zemin rengi, yazı rengi, köşe yuvarlaklığı ve yazı kalınlığıyla simge çizersiniz. Çıktı olarak 16, 32 ve 48 pikselli favicon.ico, 16 ve 32 piksellik PNG, 180 piksellik apple-touch-icon, 192 ve 512 piksellik Android simgeleri, maskelenebilir 512 simge ve site.webmanifest üretilir.
Kare olmayan bir görselde ortala ve kırp ya da sığdır ve zemin rengiyle doldur seçeneklerinden birini seçersiniz. Önizlemede simgenin açık ve koyu sekme zeminindeki ve ana ekrandaki halini görürsünüz. Araç ayrıca head içine koyacağınız etiketleri ve manifest metnini kopyalanabilir kutuda verir. Dosyaları tek tek ya da hepsini bir ZIP olarak indirebilirsiniz. Maskelenebilir simgede içerik, kenarlardan kırpılmaya karşı güvenli alana küçültülür.
Kaynağınız 512 pikselden küçükse büyük boyutlar bulanık çıkar; araç bunu size söyler. Ayrıntılı bir logo 16 pikselde okunmaz, bu boyutta sade bir şekil ya da tek harf daha iyi çalışır. Tarayıcılar favicon'u önbellekte tuttuğu için yeni simgeyi sitenize koyduktan sonra değişimin görünmesi gecikebilir. Araç dosyaları üretir; sitenize yerleştirmek, adresleri ve yolları kontrol etmek sizin ya da geliştiricinizin işidir.
Sık sorulanlar
Hangi dosyaları ve boyutları üretiyor?
favicon.ico içinde 16, 32 ve 48 piksel bulunur. Ayrıca favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180), android-chrome-192x192.png, android-chrome-512x512.png, maskelenebilir 512 simge ve site.webmanifest üretilir.
Yüklediğim görsel bir yere gönderiliyor mu?
Hayır. Görsel yalnızca tarayıcınızda işlenir, ağ üzerinden hiçbir yere gönderilmez ve saklanmaz. Sayfayı kapattığınızda görsel de üretilen dosyalar da kaybolur, bu yüzden ZIP'i indirmeyi unutmayın.
Kaynak görselim ne kadar büyük olmalı?
En iyi sonuç için en az 512 piksellik kare bir görsel kullanın. Daha küçükse büyük boyutlar bulanıklaşır ve araç sizi uyarır. SVG kullanırsanız boyut sorunu olmaz.
Yeni favicon'um neden hâlâ eski görünüyor?
Tarayıcılar favicon'u önbellekte tutar, bu yüzden değişiklik hemen görünmeyebilir. Sayfayı sert yenilemeyi ya da sekmeyi kapatıp açmayı deneyin; dosya adlarını ve head etiketlerindeki yolları da kontrol edin.
