Post

Personnaliser le favicon

Personnaliser le favicon

Les favicons de Chirpy sont placés dans le répertoire assets/img/favicons/. Vous souhaiterez peut-être les remplacer par les vôtres. Les sections suivantes vous guideront pour créer et remplacer les favicons par défaut.

Générer le favicon

Préparez une image carrée (PNG, JPG ou SVG) d’une taille de 512x512 ou plus, puis accédez à l’outil en ligne Real Favicon Generator et cliquez sur le bouton Choisissez votre image favicon pour télécharger votre fichier image.

À l’étape suivante, la page Web affichera tous les scénarios d’utilisation. Vous pouvez conserver les options par défaut, faire défiler vers le bas de la page et cliquer sur le bouton Suivant → pour générer le favicon.

Télécharger et remplacer

Téléchargez le package généré, décompressez et supprimez le(s) fichier(s) suivant(s) des fichiers extraits :

  • site.webmanifest{ : .filepath}

Et puis copiez les fichiers image restants (.PNG, .ICO et .SVG) pour couvrir les fichiers originaux dans le répertoire assets/img/favicons/ de votre site Jekyll. Si votre site Jekyll ne dispose pas encore de ce répertoire, créez-en simplement un.

Le tableau suivant vous aidera à comprendre les modifications apportées aux fichiers favicon :

Fichier(s)Depuis l’outil en ligneDe Chirpy
*.PNGNoneNone
*.ICONoneNone
*.SVGNoneNone

✓ signifie conserver, ✗ signifie supprimer.

La prochaine fois que vous créerez le site, le favicon sera remplacé par une édition personnalisée.

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