Favicon Oluşturucu
Logonuzu yükleyin ya da harf ve renk seçin; favicon.ico, Apple ve Android simgelerini tek seferde, tarayıcınızda üretin.
6 boyut ve çok boyutlu favicon.ico tarayıcınızda üretildi.
Açık ve koyu temalı sekmede nasıl göründüğüne birlikte bakın: koyu zeminde kaybolan simge, kullanıcının sekmeler arasında sitenizi bulmasını zorlaştırır.
Dosyaları indirin
favicon.ico içinde 16, 32 ve 48 piksellik üç görüntü bulunur. Apple dokunma simgesi, köşeleri iOS kendisi yuvarladığı için her zaman dolgulu kare olarak üretilir.
Favicon, tarayıcı sekmesinde, yer imlerinde, geçmiş listesinde ve mobil aramada sitenizin yanında görünen küçük simgedir. Küçük olduğu için önemsiz sanılır; oysa onlarca sekme açık olan bir kullanıcı sitenize çoğu zaman bu simgeyle geri döner. Bu araç simgeyi tarayıcınızda çizer: yüklediğiniz logo hiçbir sunucuya gitmez.
Hangi dosya ne işe yarar?
favicon.ico en geniş uyumluluğu sağlar; içinde 16, 32 ve 48 piksellik üç ayrı görüntü taşır ve tarayıcı ihtiyacına uygun olanı seçer. 32×32 ve 16×16 PNG modern tarayıcıların sekme simgesidir. apple-touch-icon (180×180), iPhone'da "Ana Ekrana Ekle" dendiğinde kullanılır. 192 ve 512 piksellik görseller ise Android'in ana ekran simgesi ve site.webmanifest dosyası içindir.
Örnek: logonuz yatay bir yazı-amblem birleşimiyse onu olduğu gibi küçültmek, 16 pikselde okunmayan bir çizgiye dönüşür. Bunun yerine yalnızca amblemi ya da baş harfi kullanın; "Kenar boşluğu" ayarıyla simgeye nefes payı bırakın ve sonucu yukarıdaki 4× büyütülmüş 16 piksel önizlemesinde kontrol edin. Renk seçerken simgenin hem açık hem koyu sekmede seçilebilir kalmasına dikkat edin: dolgulu bir zemin üzerindeki koyu harf iki temada da görünür, şeffaf zeminli ince bir logo ise koyu sekmede kaybolabilir. Şeffaflık kullanacaksanız logonun çevresine zıt renkte ince bir kontur eklemek işe yarar.
Sık yapılan hata: Dosyaları yükleyip kodu eklemek ama tarayıcı önbelleği yüzünden eski simgeyi görmeye devam etmek. Değişikliği gizli pencerede kontrol edin; Google arama sonuçlarındaki simgenin güncellenmesi ise sitenin yeniden taranmasına bağlı olduğu için birkaç gün ile birkaç hafta sürebilir. Simgenin ve sitenizin genel görünümünün bütünlüklü olması için logo tasarımı ve web tasarım hizmetlerimize göz atabilir, büyük görselleri yüklemeden önce görsel küçültücü ile hafifletebilirsiniz.
Favicon Oluşturucu hakkında merak edilenler
Favicon hangi boyutta olmalı?
Tek bir boyut yetmez: sekme için 16 ve 32 piksel, Windows kısayolları için 48 piksel, iPhone ana ekranı için 180 piksel, Android için 192 ve 512 piksel kullanılır. Araç bunların hepsini aynı tasarımdan üretir.
favicon.ico dosyası hâlâ gerekli mi?
Modern tarayıcılar PNG simgeyi de okur; ancak bazı eski tarayıcılar, e-posta istemcileri ve araçlar sitenin kök dizininde /favicon.ico arar. Bu yüzden ICO dosyasını da yüklemek en güvenli yoldur.
Yüklediğim logo sunucunuza gönderiliyor mu?
Hayır. Görsel tarayıcınızda işlenir ve tüm dosyalar bilgisayarınızda oluşturulur; hiçbir yere yüklenmez ya da kaydedilmez.
Favicon'ı yükledim ama eski simge görünüyor, neden?
Tarayıcılar favicon'ı uzun süre önbellekte tutar. Gizli pencerede ya da önbelleği temizleyerek kontrol edin. Google arama sonuçlarındaki simge ise sayfanız yeniden tarandığında güncellenir.
Favicon'da logonun tamamını kullanmalı mıyım?
Genellikle hayır. Yazılı logolar 16 pikselde okunmaz; amblem, monogram ya da tek bir baş harf çok daha net görünür. Önizlemedeki 4 kat büyütülmüş 16 piksel görüntüsüyle okunabilirliği kontrol edin.
Diğer ücretsiz araçlarımız: tümünü görün · site analizi · QR menü oluşturucu · WhatsApp linki · mail imzası · görsel küçültücü