Favicon Files
Favicon Files
Place your favicon files in this directory.
Required Files
favicon.ico- Main favicon filefavicon-16x16.png- 16x16 PNG faviconfavicon-32x32.png- 32x32 PNG faviconapple-touch-icon.png- 180x180 PNG for Apple devicesandroid-chrome-192x192.png- 192x192 PNG for Androidandroid-chrome-512x512.png- 512x512 PNG for Android
How to Generate
Use one of these free favicon generators:
- favicon.io - Generate from text, image, or emoji
- realfavicongenerator.net - Comprehensive favicon generator
Steps
- Create or choose an image (square, at least 512x512px)
- Upload to a favicon generator
- Download the generated files
- Place all files in this directory
- Update
site.webmanifestin the root directory with your blog name
Thatโs it! The template already has the favicon links configured in _layouts/default.html.