Post

Customize the Favicon

Customize the Favicon

The favicons of Chirpy live in assets/img/favicons/. Here’s how to replace them with your own.

Generate the favicon

Prepare a square image (PNG, JPG, or SVG) at least 512x512, open Real Favicon Generator, and click Pick your favicon image to upload it.

The next page shows every usage scenario. Keep the defaults, scroll to the bottom, and click Next → to generate the favicon.

Download & Replace

Download the package, unzip it, and delete:

  • site.webmanifest

Copy the remaining image files (.PNG, .ICO, .SVG) over the originals in assets/img/favicons/, creating that directory if it doesn’t exist.

This table summarizes what changes:

File(s)From Online ToolFrom Chirpy
*.PNG
*.ICO
*.SVG

✓ means keep, ✗ means delete.

The next build will use your customized favicon.

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