How to Chirpy > Customize the Favicon
How to Chirpy > Customize the Favicon
Generate the favicon
In the next step, the webpage will show all usage scenarios. You can keep the default options, scroll to the bottom of the page, and click the button Generate your Favicons and HTML code to generate the favicon.
Download & Replace
Download the generated package, unzip and delete the following two from the extracted files:
browserconfig.xml
site.webmanifest
And then copy the remaining image files (.PNG
and .ICO
) to cover the original files in the directory assets/img/favicons/
of your Jekyll site. If your Jekyll site doesn’t have this directory yet, just create one.
The following table will help you understand the changes to the favicon files:
File(s) | From Online Tool | From Chirpy |
---|---|---|
*.PNG |
✓ | ✗ |
*.ICO |
✓ | ✗ |
✓ means keep, ✗ means delete.
The next time you build the site, the favicon will be replaced with a customized edition.
This post is licensed under
CC BY 4.0
by the author.