Requête à traiter

Pages où apparaît ce message : Page de catégorie

Changement proposé : Bonjour, je me permets de transférer ma demande au bistro ici. Crdlt Riad Salih (discuter) 23 février 2025 à 15:35 (CET)[répondre]

Bonjour,

Une version SVG de cette image existe déjà, puisqu'il s'agit d'un aperçu PNG d'une image SVG. Si on passe cette icône en SVG, il faudrait aussi passer toutes les autres icônes de MediaWiki:Common.css en SVG. Ça a déjà été fait par @Od1n dans Modèle:Prononciation/styles.css.

Au moment où ces icônes ont été ajoutées, le format SVG n'était pas supporté par certains navigateurs donc le format PNG a été utilisé. Aujourd'hui, le format SVG est largement supporté, donc on pourrait se permettre de remplacer. D'autant que ces images n'ont qu'un rôle décoratif, donc cela ne pose pas de problème qu'elles ne s'affichent pas pour une infime minorité de personnes. Le seul point à considérer est l'alourdissement du fichier transmis en passant de PNG à SVG. Dans le cas de l'icône maintenance (celle qui apparaît dans les catégories), on passe de 380 octets à 46 kilo octets, ce qui est une augmentation importante même si 46 ko reste acceptable (voir aussi phab:T5593).

Pour la taille en px de l'image, elle avait été définie arbitrairement dans Wikipédia:Demande d'intervention sur un message système/Archives3#MediaWiki:Category-article-count et MediaWiki:Category-subcat-count et on peut la rechanger. Escargot (discuter) 23 février 2025 à 16:24 (CET)[répondre]

Bonjour, merci pour votre réponse. J'ai fait cette suggestion car l'image est floue et pixellisée, ce qui est vraiment gênant.Si changer l'image en SVG représenterait un grand chantier, le minimum, comme je l'ai montré en image, serait de réduire sa taille qui est trop grande par rapport au texte et au design global des éléments. Crdlt Riad Salih (discuter) 23 février 2025 à 16:47 (CET)[répondre]

Quelques autres observations :

• Lors de la requête de l'image, MediaWiki transforme à la volée le fichier PNG en WebM, de façon automatique et lossless. La taille de 380 octets indiquée plus haut est celle du WebM, mais le PNG est lui aussi très petit. Bref, cette observation n'est pas importante.
• Les tailles indiquées plus haut sont avant la compression des données lors de leur transmission. Voir en:HTTP compression. Dans le cas présent, j'observe une transmission réelle de 1,3 ko pour le PNG (en réalité WebM) et 6,9 ko pour le SVG, donc une différence en fait assez peu significative, d'autant plus que les fichiers sont ensuite gardés en cache.
  • Pour le PNG/WebM, la taille transmise est supérieure à la taille du fichier non compressé, parce qu'il y a aussi les headers HTTP.
  • Pour rappel, les PNG/WebM sont des formats déjà compressés, tandis que le SVG est du plain text et se compresse donc largement davantage lors de la compression HTTP.
• La taille du fichier SVG me semble anormalement élevée. Déjà, il faudrait au moins dégager toutes les métadonnées Inkscape qui s'y trouvent.
  • Edit : pour tester, j'ai installé Inkscape, ouvert le SVG, exécuté la commande "File > Clean Up Document" puis enregistré le fichier ailleurs. Le fichier d'origine fait 46,2 ko, le nouveau fait 3,54 ko !!
    • Et en plus, à cela s'applique ensuite la compression HTTP ; j'ai zippé avec 7-Zip pour estimer rapidement les tailles après compression HTTP : SVG original zippé 6,04 ko, SVG optimisé zippé 1,79 ko.
    • Je ne suis pas familier avec le format SVG, donc je passe la main, mais vous savez ce qu'il reste à faire : optimiser le fichier commons:File:Black tools icon.svg.

od†n ↗^blah 25 février 2025 à 10:24 (CET)[répondre]

Pour la taille, je viens de regarder et elle est adaptée aux catégories avec plus de 200 éléments comme Catégorie:Statut UICN Éteint. Modèle:Boîte des catégories fait une ligne uniquement pour les catégories à moins de 200 éléments et 2 lignes sinon. Escargot (discuter) 1 mars 2025 à 22:05 (CET)[répondre]

J'ai essayé de téléverser la version nettoyée du fichier commons:File:Black tools icon.svg sur Commons, mais je n'en ai pas l'autorisation puisque je ne suis pas l'auteur. Je notifie @Manjiro5. Escargot (discuter) 13 mars 2025 à 12:18 (CET)[répondre]

J'ai fait le remplacement pour la version mode sombre de l'icône maintenance, dont je suis l'auteur. En plus du nettoyage par Inkscape, j'ai enlevé les éléments superflus restants avec l'aide de Le Chat et j'atteins une taille de 2,27 ko. Escargot (discuter) 13 mars 2025 à 12:56 (CET)[répondre]

Bonjour Escargot bleu, Riad Salih et Od1n . Étant autopatrolled sur Commons (statut qu'il faut demander), j'ai pu remplacer le fichier par une version nettoyée de 3,57 ko. Si c'est important de descendre plus bas, tu peux m'envoyer ta version (par mail : tu actives les mails dans tes préférences, je t'en envoie un puis tu réponds avec la pj ; ou publiquement : dans un fichier brouillon à ton nom sur Wikipédia) et je la charge. --l'Escogriffe (✉) 13 mars 2025 à 16:46 (CET)[répondre]

Ah, j'avais aussi ça dans les cartons chez moi, restait à publier. Pour ma part j'ai réussi à descendre à 1,71 ko 😁. od†n ↗^blah 13 mars 2025 à 17:19 (CET)[répondre]

• Je viens d'uploader les fichiers. J'ai utilisé Scour avec les options "maximum scrubbing" (et en utilisant en amont la commande de Inkscape, qui pour sa part fait un petit nettoyage de namespace n'étant plus utilisé). J'ai vérifié dans Inkscape, le fichier est tout aussi bien éditable. Black tools icon.svg est passé de 46,2 ko à 1,71 ko (et 1,09 ko zippé). J'avais repéré au passage le fichier Tools icon.svg, que j'ai optimisé de même + suppression d'une forme qui était masquée par le calque au-dessus, et il est passé de 47,1 ko à 1,94 ko (et 1,19 ko zippé).
• Je serais capable d'automatiser tout le processus (la partie pénible étant que comme c'est à exécuter en local et non dans la console JavaScript, il faut gérer l'authentification, et vu que de nos jours il y a 15 étapes pour s'authentifier, le plus simple serait d'utiliser Puppeteer sur mon profil Chrome en mode debug), avec récupération du fichier SVG depuis Commons, puis optimisations, et enfin upload de la version optimisée ssi le gain est significatif. Mais bon, j'ai un peu d'autres priorités quoi…
• Une remarque à propos, parce que j'ai rencontré le problème ailleurs : il faut s'assurer que le navigateur arrive bien à redimensionner le SVG. J'ai rencontré ailleurs des SVG sans attribut "viewBox" (ni "width", ni "height"), pour lesquels MediaWiki parvient à générer les miniatures PNG, en revanche le navigateur ne redimensionne pas le SVG alors qu'on a lui a pourtant bien demandé. Dans les fichiers concernés (ce n'est pas encore publié), le problème est apparemment résolu en ajoutant un attribut "viewBox", et il faudrait que je regarde si les attributs "width" et "height" seraient aussi nécessaires.

od†n ↗^blah 14 mars 2025 à 01:52 (CET)[répondre]

Dans cette version, il y a encore des choses qu'on peut enlever.

xml:space="preserve" n'est pas utile puisqu'il n'y a pas de texte, de même que l'encodage UTF-8

style="paint-order:markers stroke fill" sert à indiquer l'ordre dans lequel les éléments sont dessinés, mais ici ça n'a pas d'importance comme c'est monochrome et que rien ne se superpose.

Dans la dernière version de Black_tools_icon.svg, on est passé de width="1350" height="1350" à width="1350mm" height="1350mm", du coup la taille change. Escargot (discuter) 14 mars 2025 à 23:10 (CET)[répondre]

• Je ne suis pas spécialement familier avec le SVG, et je m'en suis tenu à des optimisations automatiques (et automatisables), je ne suis pas allé jusqu'à optimiser chaque attribut manuellement. Mais effectivement, on pourrait aller encore plus loin dans la réduction comme tu as indiqué. Mais bon, les gains deviennent vraiment marginaux, le gros est déjà effectué, et de très loin.
• Je viens de vérifier toutes les versions des fichiers SVG, de ce que je vois, au départ aussi ils étaient avec des unités "mm". On pourrait effectivement retirer l'unité, pour passer en "px" implicite, plus adéquat. Mais je crois que le point important est seulement que l'aspect ratio soit correct.

od†n ↗^blah 15 mars 2025 à 22:35 (CET)[répondre]

Merci, ça fait du bien de voir une icône claire et nette, le petit problème qui persiste est la taille qui est trop grande par rapport à son emplacement. Riad Salih (discuter) 17 mars 2025 à 19:02 (CET)[répondre]

Pour la taille, il faudrait modifier Modèle:Boîte des catégories pour qu'elle soit de 20 px pour une catégorie à moins de 200 éléments et de 28 px (la taille actuelle) pour les catégories à plus de 200 éléments. Escargot (discuter) 17 mars 2025 à 19:06 (CET)[répondre]

Je serais plutôt d'avis de rester sur des dimensions uniques, pour des raisons de consistance. D'autant plus qu'en raison du style .grosse-icone { height: 48px; } la hauteur du bandeau reste inchangée, même si l'icône est toute petite. od†n ↗^blah 19 mars 2025 à 08:58 (CET)[répondre]

À propos, c'est un cauchemar pour la maintenance, ces classes CSS que l'on ne sait plus trop où elles sont utilisées… Par exemple, dans le présent cas avec .grosse-icone.maintenance du MediaWiki:Common.css (puis que l'on retrouve en classe d'icône "outils" dans Module:Bandeau/Class, et listé ici), en plus de {{Boîte des catégories}}, j'ai détecté Projet:WikiMOOC/Comment réutiliser le WikiMOOC ?#Ressources à disposition, Discussion Projet:Scripts et gadgets/Notices/KartoEditor, Discussion Wikipédia:Cartographie de la communauté, {{Tmbox|type=style}}… od†n ↗^blah 19 mars 2025 à 09:17 (CET)[répondre]