Post

Chirpy - Favicon Rehberi

favicons Chirpy için assets/img/favicons/ dizinine yerleştirilmiştir. Kendi faviconlarınızı eklemek isteyebilirsiniz. Aşağıdaki bölümler, varsayılan faviconları oluşturmanıza ve değiştirmenize yardımcı olacaktır.

Favicon Oluşturma

512x512 veya daha büyük boyutta kare bir resim (PNG, JPG veya SVG) hazırlayın. Ardından Real Favicon Generator sitesine gidin ve Select your Favicon image butonuna tıklayarak resim dosyanızı yükleyin.

Sonraki adımda, web sayfası tüm kullanım senaryolarını gösterecektir. Varsayılan seçenekleri koruyabilir, sayfanın altına kadar kaydırıp Generate your Favicons and HTML code butonuna tıklayarak faviconları oluşturabilirsiniz.

İndir & Değiştir

Oluşturulan paketi indirin, zip dosyasını açın ve çıkarılan dosyalardan aşağıdaki iki dosyayı silin:

  • browserconfig.xml
  • site.webmanifest

Ardından, kalan resim dosyalarını (.PNG ve .ICO) Jekyll sitenizin assets/img/favicons/ dizinine kopyalayın. Eğer Jekyll sitenizde bu dizin yoksa, bir tane oluşturun.

Aşağıdaki tablo, favicon dosyalarındaki değişiklikleri anlamanıza yardımcı olacaktır:

Dosya(lar)Çevrimiçi AraçtanChirpy’den
*.PNG
*.ICO

✓ işareti dosyanın tutulacağı, ✗ işareti ise dosyanın silineceği anlamına gelir.

Siteyi bir sonraki oluşturduğunuzda, favicon özelleştirilmiş sürümle değiştirilecektir.

This post is licensed under CC BY 4.0 by the author.