BoyWiki:Agora/9 décembre 2010

Agora/9 décembre 2010

Mise au point de l'image du jour

Les trois marmitons de Bail sont bien mal élevés ! Chez moi (affichage 1024x768, avec panneau latéral), ils débordent largement sur la citation du jour, dont ils cachent un bon tiers.

Par ailleurs, j'ai fait quelques modifications sur la page d'accueil : d'une part, un petit texte humoristique pour la bannière ; d'autre part, et surtout, une refonte des deux textes sur BoyWiki – en laissant apparente l'explication générale, et en mettant dans la boîte déroulante tout ce qui a trait à l'inscription et à la participation (y compris ce qui était auparavant en italique et en tête de page). Ce n'est qu'un essai – tous les avis sont bienvenus.

A propos des conditions d'inscription, il serait sans doute souhaitable de réécrire la page Scribe, qui ne correspond pas à la réalité actuelle.

Désolé d'écrire tout ça sous le seul titre Mise au point de l'image du jour ; mais j'ai actuellement de sérieuses difficultés de connexion, qui obligent à tout regrouper pour avoir plus de chances que ça passe.

Caprineus 9 décembre 2010 à 16:06 (GMT)

Normalement ils ne devraient plus déborder. Il faudra vérifier les effets possibles sur les images en portrait. Il faut dire aussi, je pensais que les derniers écrans 1024x768 avaient disparu il y a plusieurs années ! Tu devrais en parler au Père Noël... Pinocchio 9 décembre 2010 à 22:21 (GMT)

Détrompe-toi ! A mon domicile principal, j'utilise deux ordinateurs : un récent, avec un bel écran 1920x1080, et une antiquité, néanmoins fort utile, que j'ai réglée en 800x600 ! Mais dans la "résidence secondaire" où je suis actuellement, un vieux 1024x768 fait très bien l'affaire. Ça permet de tester que BoyWiki est lisible par les internautes du monde entier – car dans de nombreux pays l'utilisateur moyen est très loin de bénéficier des derniers progrès en informatique.

Justement, lorsque je retrouverai le grand écran en HD, j'ai bien peur que les "images du jour" m'apparaissent minuscules ! C'est vraiment dommage qu'on ne puisse pas adapter ces aperçus à la place disponible, en fonction de l'affichage choisi.

Caprineus 9 décembre 2010 à 23:17 (GMT)

Le problème est le même pour toutes les pages articles, les images ont des tailles fixées : c'est une limite inhérente au choix du format de publication (le wiki). On peut contourner certaines limitations mais si on veut tout changer il est plus efficace de changer de support ! Ceci dit, je propose en test le modèle {{Image relative}} destiné (s'il fonctionne…) à contourner une partie de la limite et rendre proportionnelles les images dans les articles. C'est aussi une ébauche pour tenter de mieux appréhender le problème (plus complexe) des images du jour.

Pinocchio 13 décembre 2010 à 22:24 (GMT)

Pour permettre de visualiser l'affichage du modèle {{Image relative}} (qui paraît être une excellente initiative), je l'ai mis en double de l'affichage normal pour certaines images de Claude Joseph Bail : la 2ème (Le marmiton et son chat), ainsi que les 4 premières de la section Œuvres.

Lettre de son père et Marmiton fumant une cigarette montrent que ce modèle permet de bien mieux gérer l'espace de la page pour un affichage optimal. Mais apparemment ça ne fonctionne pas à l'intérieur d'un tableau. Dommage !

Les 2 suivants posent un problème que je n'ai pas réussi à résoudre : La cigarette, au lieu de se positionner à gauche et sur la même ligne que Le petit marmiton, s'obstine à rester collée à droite, sous Marmiton fumant une cigarette. Ça c'est de l'amour ! Mais enfin, on ne peut pas laisser faire ça...

Par ailleurs, je présume que la largeur d'affichage maximale est limitée, dans tous les cas, à celle de l'image d'origine (une image 600×400, même en 50 % sur un écran 1920×1080, s'affichera en 600 pixels de large, et non en 960). Présumé-je bien ? Si c'est le cas, il serait plus simple, dans un tel cas, de ne pas avoir à renseigner ce paramètre.

On remarque que, dans ce modèle, le commentaire est systématiquement centré. À mon sens, il faudrait au moins laisser le choix : un texte continu sur plusieurs lignes, par exemple, se prêterait mal à cette présentation.

Caprineus 14 décembre 2010 à 01:50 (GMT)

(conflit d'édition) Le problème subsiste si, pour une raison ou pour une autre, on diminue la taille de la fenêtre à une largeur inférieure à ces fatidiques 1024 pixels. Idéalement, la solution serait que la taille de l'image se réduise de concert avec la diminution de la taille du cadre réservé à l'image du jour. Par exemple actuellement, la taille de l'image est de 420 pixels. Si le cadre de l'image du jour est plus large que 420 pixels, ne rien changer (afficher l'image avec une largeur de 420 pixels) ; si le cadre de l'image du jour fait moins de 420 pixels, disons 380 pixels, afficher l'image avec une largeur de 380 pixels. Pour ton commentaire sur la disparition des écrans 1024x768, n'oublie pas les nouveaux usages : des gens consultent les sites sur des téléphones portables, sur des tablettes... Lascar 9 décembre 2010 à 23:21 (GMT)

Wikipedia a prévu en effet un accès réservé à la résolution des écrans de téléphones portables [1]. Et tu sais comment a été résolu le problème des images ? Elles ont simplement été supprimées de même que les menus ! Ils ont l'art pour résoudre simplement les problèmes chez Wikipedia !

Pinocchio 13 décembre 2010 à 22:24 (GMT)

Il semble que les suggestions de Lascar aient été prises en compte, puisque maintenant l'image du jour s'adapte quand on fait varier la taille du cadre (en modifiant la largeur du bandeau latéral). C'est beaucoup mieux, en effet.

Avec cette amélioration, on peut se demander s'il est toujours opportun de redimensionner l'image avant de l'envoyer vers la page d'accueil. Pourquoi ne pas utiliser simplement l'image d'origine, dans sa définition maximum, puisqu'elle s'adaptera d'elle-même à la largeur disponible en fonction de l'écran ?

Plus encore : on pourrait lui faire de la place en gérant mieux le partage entre image et citation. Par exemple, définir que le cadre de la citation occupe en principe 50 % de la largeur disponible, mais jamais plus de 400 pixels (à affiner). Il resterait donc pour le cadre de l'image, soit 50 % (petits écrans), soit 100 % – 400 pixels (grands écrans).

Pour la hauteur du cadre de l'image, je serais d'avis de lui donner un peu de marge en la définissant selon le rapport : largeur × 1,618 (soit N = nombre d'or, proportion reconnue comme particulièrement harmonieuse). Le titre Image du jour et le commentaire occupant une partie de cet espace, il resterait de quoi afficher aisément les images verticales.

(A propos du commentaire : je veux bien en rédiger d'autres, mais comment les insérer dans le modèle {{Mainpix|fr|huile}} ?)

Pour la hauteur du cadre de la citation, elle serait égale à celle du cadre de l'image, puisqu'apparemment une différence serait inesthétique. Reste à trouver une idée pour meubler le bas du cadre quand la citation est courte... (Une vignette genre angelot ou diablotin, ça serait possible ? Je dois avoir ça dans mes archives...)

Caprineus 10 décembre 2010 à 22:11 (GMT)

Ben non ! Ça ne marche pas si bien que je croyais. L'affichage "adaptatif" que je décrivais ci-dessus, c'était avec le marmiton alcoolisé – format horizontal. Voici maintenant en vertical Un cuisinier et son chien carlin (Dieu ! qu'il est moche !) (pas le cuisinier, le carlin), et là ça ne va plus du tout.

Non seulement l'image ne s'adapte pas à la largeur du cadre, mais quand celui-ci est trop étroit elle déborde sur le cadre de la citation (comme Les trois marmitons d'hier) ; et même quand le cadre est plus large (ma non troppo), le texte passe sous l'image, et il sort à la fois du cadre de l'image et de celui de la page. (Il y a un stade intermédiaire dans lequel le mot « Un » est sur le côté droit de l'image, tandis que tout le reste du texte est au-dessous !)

Apparemment, il faudrait réserver un espace au bas du cadre pour le commentaire, sinon l'image prend toute la place et le texte ne peut que s'afficher hors du cadre quand il n'a pas assez de place sur le côté.

Autre solution (que j'imagine – je ne dis pas que c'est faisable !) :
1°) le système détermine la largeur totale Lt disponible en fonction de l'affichage ;
2°) il en attribue 50 % à la largeur Lc du cadre de citation, ou seulement 400 pixels si Lt > 800 ;
3°) il attribue le reste Li = Lt – Lc à la largeur du cadre d'image ;
4°) l'image s'adapte et prend toute la largeur Li ;
5°) l'image a alors une hauteur Hi, à laquelle il faut ajouter la hauteur du titre et celle du commentaire pour obtenir la hauteur totale Ht. Le cadre d'image prend donc les dimensions Li × Ht, et le cadre de citation Lc × Ht (le logiciel en profite pour déterminer si ça vaut alors la peine d'afficher une jolie vignette sous la citation).

Ça paraît compliqué à première vue, mais tout s'enchaîne logiquement. La question est de savoir si on peut lier ainsi les dimensions des deux cadres et de l'image.

Caprineus 11 décembre 2010 à 01:40 (GMT)

Utiliser les images dans leur taille d'origine (sans les réduire) fonctionne mais occasionne des transferts de fichiers plus gros (quand on augmente de 40% une dimension on double la taille du transfert) ce qui encombre inutilement le réseau et provoque des lenteurs d'affichage du navigateur qui a plus de travail.

Les commentaires dans Mainpix : il faudrait distinguer ceux qu'on veut voir apparaitre seulement dans le commentaire de la page image, ceux qu'on veut voir seulement sous l'image dans l'article. Si cette distinction est nécessaire. Les modifications ne seront pas pratiques à effectuer, les commentaires et le modèle étant situés sur médiawiki...

Pour le reste, ce n'est pas si simple : le principal problème provient de l'inefficacité à gérer une hauteur proportionnelle ou relative pour le cadre, il semblerait que la page n'ait pas de hauteur prévisible et donc préciser une valeur relative à une inconnue ne fonctionne pas. Mais la hauteur n'est peut-être pas vraiment un problème : entre un écran 1024x768 et un HD1080 il n'y a que 30% de différence.

Pinocchio 13 décembre 2010 à 22:24 (GMT)