Icône personnalisée Piwik

De EjnTricks

Il est possible de spécifier une icône personnalisée pour l'application Piwik, afin d'apporter une petite touche personnelle. Cet article présente la mise en place d'une nouvelle icône et le résultat produit.


Icon-Configuration-Settings.png Modification icône

Cette opération s'effectue dans les paramétrages, disponibles directement depuis l'application. Dans la fenêtre de paramétrage, il faut activer l'onglet Paramètres généraux et se rendre dans la section Paramètres de l'image de marque.


Une icône personnalisée ne pourra être ajoutée que si l'option Utiliser un logo personnalisé est activé en sélectionnant l'option Oui.


Lors de la première utilisation, aucune icône personnalisée n'est encore paramétrée, entraînant l'affichage du lien cassé. Un message explicatif indique une hauteur minimale de 110 pixels, et la non utilisation d'un fond transparent. En effet, une transformation sera réalisée à partir de l'image pour générer deux images. Il semblerait donc que la transparence ne soit pas prise en compte lors de cette manipulation.

Dans la copie d'écran suivante, la transparence est convertie en un fond noir. Le rendu est évidemment non acceptable.


Une fois l'icône souhaitée injectée, il faut enregistrer la modification en cliquant sur le bouton Enregistrer.

L'impact sur l'instance est très faible. Deux fichiers sont créés dans le sous répertoire themes de Piwik, /var/opt/piwik/themes dans le cadre de cet article:

  • logo-header.png Afficher dans l'en tête de l'application.
  • logo.png Afficher sur la page d'authentification.


Viewer icon.png Rendu

Une image, de dimension 300 x 300, est présentée sur la page d'authentification. Il est donc important d'avoir une image d'origine d'une assez bonne qualité afin d'éviter les flous lors de ce dimensionnement.


Une seconde image, de taille 100 x 100 est présenté dans l'en tête.