pixanon
Dosyalar yüklenmez
EN

Sitenize bir simge verin

Logonuzu bırakın ya da bir harf yazın. Tarayıcı sekmesi, iPhone ve Android için gereken bütün simgeler ve sitenize yapıştıracağınız kod hazır olsun.

Kaynak
Zemin
Şekil
Kenar boşluğu
10

Sitenize eklenecek kod

Dosyaları sitenizin kök klasörüne koyun, bu satırları <head> içine yapıştırın.

7 dosya: favicon.ico, apple-touch-icon.png, Android simgeleri, site.webmanifest ve kurulum notu

Pakette neler var?

  • favicon.icoTarayıcı sekmesindeki simge. İçinde 16, 32 ve 48 piksellik üç boyut var; eski tarayıcılar ve Windows da tanır.
  • icon.svgLogonuz SVG ise eklenir. Her ekranda keskin görünür, modern tarayıcılar bunu tercih eder.
  • apple-touch-icon.pngiPhone ve iPad’de “Ana Ekrana Ekle” deyince görünen 180 piksellik simge. iOS saydam zemini siyaha boyadığı için zemin her zaman dolu.
  • icon-192 / 512, icon-maskAndroid ve “uygulama olarak yükle” için. Maskeli sürümde logo ortadaki güvenli alanda durur, daire ya da damla şeklinde kırpılsa da kesilmez.
  • site.webmanifestSite adını, tema rengini ve simgeleri tarayıcıya bildiren küçük dosya.

Sık sorulanlar

Logom bir sunucuya yükleniyor mu?

Hayır. Bütün simgeler tarayıcınızda çizilir. Logonuz cihazınızdan çıkmaz.

Hangi görseli kullanmalıyım?

Kare, sade ve en az 512 piksellik bir logo. 16 piksellik sekme simgesinde ince yazılar okunmaz; logonuzun yalnızca işaretini ya da baş harfini kullanmak çoğu zaman daha iyi sonuç verir.

Dosyaları nereye koymalıyım?

Sitenizin kök klasörüne, yani index.html’in bulunduğu yere. Sonra paketteki kodu sayfalarınızın <head> bölümüne ekleyin. WordPress’te Görünüm → Özelleştir → Site kimliği bölümünden de yükleyebilirsiniz.

Yeni favicon görünmüyor, neden?

Tarayıcılar favicon’u uzun süre önbellekte tutar. Sayfayı Ctrl+F5 ile yenileyin ya da gizli pencerede açın.

Logom yok, ne yapabilirim?

“Harf” seçeneğiyle bir ya da iki harf yazın, renklerini seçin. Birçok bilinen site de favicon olarak yalnızca baş harfini kullanır.