Nasıl kullanılır
- “Metin / emoji” seçip bir ila üç karakter yazın ya da “Resim” seçip logonuzu yükleyin (en iyi sonucu SVG veya en az 512 px kare bir PNG verir).
- Renkleri ve bir şekil seçin — kare, yuvarlatılmış veya daire.
- Önizlemeyi 16, 32, 64 ve 128 px boyutlarında kontrol edin; küçük boyutlar tasarımın hâlâ okunaklı olup olmadığını gösterir.
- ZIP’i indirin, dosyaları sitenizin kök klasörüne yükleyin ve HTML kodunu head bölümüne yapıştırın.
Seçeneklerin açıklaması
- favicon.ico
- Tarayıcılar, yer imleri ve Windows kısayolları için 16, 32 ve 48 px sürümleri içerir.
- apple-touch-icon.png
- Düz arka planlı 180 × 180 px; biri sitenizi iPhone veya iPad ana ekranına eklediğinde kullanılır.
- icon-192.png / icon-512.png
- Android ana ekranları ve yüklenebilir web uygulamaları için site.webmanifest dosyasında belirtilir.
- icon.svg
- Modern tarayıcılar için ölçeklenebilir bir ikon; kaynak metin veya SVG dosyası olduğunda pakete eklenir.
HTML kodu
Dosyaları sitenizin köküne yükledikten sonra her sayfanın head bölümüne şunu ekleyin:
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">Sıkça sorulan sorular
Gerçekten hangi dosyalara ihtiyacım var?
Site kökündeki favicon.ico tüm tarayıcıları kapsar. iOS için apple-touch-icon.png ekleyin; site Android’de yüklendiğinde veya sabitlendiğinde düzgün bir ikon istiyorsanız 192/512 ikonlarıyla birlikte manifest dosyasını da ekleyin.
Favicon’um 16 px’te neden bulanık görünüyor?
İnce ayrıntılar 16 × 16 pikselde kaybolur. Yazılı tam logo yerine kalın bir harf veya sadeleştirilmiş bir logo işareti kullanın.
Favicon’u güncelledim ama hâlâ eskisini görüyorum.
Tarayıcılar favicon’ları çok agresif şekilde önbelleğe alır. Sayfayı önbelleği atlayarak yeniden yükleyin veya link etiketlerine /favicon.ico?v=2 gibi bir sürüm parametresi ekleyin.
Favicon olarak emoji kullanabilir miyim?
Evet. Emojiler sisteminizin emoji yazı tipiyle çizilir, bu yüzden sonuç önizlemede gördüğünüzle aynıdır.
Gizlilik
Bu araç tamamen tarayıcınızda çalışır. Dosyalarınız ve metinleriniz cihazınızda işlenir, sunucularımıza asla yüklenmez.