Notes › Chirpy

Avec Chirpy, les favicons se trouvent dans assets/img/favicons/. Il suffit de remplacer les fichiers existants en gardant les mêmes noms, sans toucher à la config. Les noms varient un peu selon ta version du thème, donc le plus sûr est de régénérer chaque PNG à sa taille actuelle.

Copie d’abord favicon-y.svg à la racine de ton site (ou ailleurs, en adaptant le chemin), puis :

# Arch / EndeavourOS : sudo pacman -S librsvg imagemagick
cd ~/ton-site
SVG=favicon-y.svg

# 1. Régénérer chaque PNG existant à sa taille d'origine
for f in assets/img/favicons/*.png; do
  s=$(identify -format %w "$f")
  rsvg-convert -w "$s" -h "$s" "$SVG" -o "$f"
done

# 2. favicon.ico multi-tailles
for s in 16 32 48; do rsvg-convert -w $s -h $s "$SVG" -o /tmp/f$s.png; done
magick /tmp/f16.png /tmp/f32.png /tmp/f48.png assets/img/favicons/favicon.ico

# 3. SVG, si ta version de Chirpy en a un
[ -f assets/img/favicons/favicon.svg ] && cp "$SVG" assets/img/favicons/favicon.svg

• Cache : les navigateurs gardent les favicons très longtemps. Pour vérifier le résultat, ouvre /assets/img/favicons/favicon.ico directement, ou teste en navigation privée.
• Safari : si tu as un safari-pinned-tab.svg, laisse-le tel quel. Safari l’utilise en monochrome, donc ce design ne lui convient pas.
• Rebuild : ce sont de simples assets, donc ton --watch les prend en compte sans redémarrer le service systemd.

Je peux aussi te fournir un site.webmanifest ajusté (nom, couleurs noir/blanc), si tu en as un.