Changer l’icône d’un site SPIP3 avec Escal V3

Comment changer la petite icône qui apparaît dans l’onglet du navigateur quand on navigue sur le site ?

Cette petite icône qui permet de personnaliser le site jusque dans l’onglet du navigateur est nommée « favicon ». Il s’agit d’une image carrée de taille 16x16 pixels ou 32x32 pixels.

 1ère étape : créer la favicon

  • Créer une image ou retailler une image existante avec un logiciel adapté (comme GIMP ou Photofiltre).
    On peut aussi utiliser un site spécialisé (comme ce site ou celui-là ).
    Enfin il est toujours possible d’utiliser une favicon libre de droits.
  • Enregistrer l’image en la nommant favicon.ico.


Attention ! L’image sera affichée toute petite. Il faut donc privilégiée une image stylisée ou un acronyme ou une initiale sur fond coloré.


L’image sera carrée, de taille 16x16 pixels ou 32x32 pixels.

 2ème étape : téléverser l’ image sur le serveur

  • Accéder à l’espace Web qui est alloué sur le serveur académique avec les identifiants habituels et le logiciel de transfert préféré (comme FileZilla ou WinSCP).
  • Copier le fichier favicon.ico (exclusivement)
    dans le répertoire /squelettes .


Si le répertoire /squelettes n’existe pas, il faut le créer.


Si cette deuxième étape est au-delà de vos compétences, envoyez votre fichier favicon.ico à la webmestre des sites pédagogiques qui vous la déposera sur le serveur dès qu’elle aura une minute ;)

 3ème étape : faire afficher la favicon sur le site

  • Se connecter à l’interface privée avec des identifiants de webmestre.
  • Se placer dans le menu « Squelettes » → « Escal » → « Éléments ».
  • Dans « Favicon », sélectionner « à partir du fichier favicon.ico ».
  • Valider.

 Et voilà !

La nouvelle favicon du site s’affiche désormais sur le site public.