Geotrek-admin icon indicating copy to clipboard operation
Geotrek-admin copied to clipboard

Taille images

Open AudreyRemy opened this issue 2 years ago • 8 comments

Bonjour Quelle est la taille conseillée des images que nous ajoutons via l'onglet fichiers liés dans Geotrek-Admin pour qu'elles ne soient pas tronquées dans Geotrek-Rando V3 ? J'ai noté que le format paysage était préférable. Merci d'avance. Bonne journée

AudreyRemy avatar Apr 12 '22 11:04 AudreyRemy

Je complète ma question en précisant que j'aurais besoin de connaître les dimensions pour que la photo ne soit pas non plus tronquées sur le pdf. Merci d'avance.

AudreyRemy avatar Apr 14 '22 06:04 AudreyRemy

Dans Geotrek-rando V3 à quel niveau ? Tu parles des images de la rando sur la fiche rando ? De leur affichage dans la page ou quand on clique en plein écran ?

Sur les fiches detail, on les affiché dans un bloc qui a un hauteur fixe, mais il faut certainement revoir un peu sa hauteur. Donc je ne dimensionnerai pas les images en fonction de leur affichage dans GTR3. C'est plutôt GTR3 qu'il faut adapter/ajuster selon moi.

On utilise des photos paysages de format classique.

Concernant leur affichage en plein écran, je pense qu'il faut revoir la logique pour ne plus rogner les photos. Voir https://github.com/GeotrekCE/Geotrek-rando-v3/issues/454

camillemonchicourt avatar Apr 14 '22 07:04 camillemonchicourt

Désolée Camille j'ai oublié de préciser que c'était pour les images des évènements (je pensais que le format était identique que ce soit pour un itinéraire, un évènement ou un autre objet). J'ai réussi à importer une image non tronquée sur le site mais coupée sur le pdf. Par exemple : http://geotrek-rando-test.le64.fr/event/7-Allez-les-vers

AudreyRemy avatar Apr 14 '22 10:04 AudreyRemy

Ah OK. Il vaut mieux rester sur des images avec un format standard et adapter les outils de diffusion (style de GTR et templates des PDF).

Dans ton exemple, sur le PDF c'est pas normal que la petite carte passe sous la photo.

On a fait pas mal d'améliorations des templates PDF dans les versions récentes (2.80 et 2.81), je ne sais pas si ça va corriger ce soucis.

Sinon pour la taille de l'image dans le PDF, on doit l'intégrer dans une zone de taille fixe pour que le rendu soit stable et homogène. Mais cela peut être ajusté. Soit dans votre surcouche du template de PDF, soit en faisant évoluer le template par défaut fourni dans Geotrek-admin.

camillemonchicourt avatar Apr 14 '22 10:04 camillemonchicourt

Bonjour, Ma collègue responsable de la saisi des événements touristiques me demande le format idéal pour que la photo ne soit pas tronquée sur notre site (nous utilisons Geotrek-rando V3). Le service communication lui fournit des fichiers format affiche, format réseau sociaux, etc. et elle souhaiterait demander un format Geotrek pour ne pas avoir à redimensionner les fichiers. J'ai essayé avec la taille 1280 x 720 mais l'image est légèrement tronquée sur notre site (et donc sur le pdf). Je ne sais pas ce qu'est un format standard si ce n'est qu'il faut une image en paysage. Je ne crois pas que des paramétrages aient été faits sur le template fourni dans notre Geotrek-admin. Merci d'avance. Bonne journée.

AudreyRemy avatar Oct 06 '22 09:10 AudreyRemy

Comme évoqué précédemment, je déconseille fortement de modifier la taille originale des images en fonction de leur usage. C'est l'usage qu'il vaut mieux adapter.

Dans son fonctionnement actuel, dans Geotrek-rando-v3, on ne recoupe pas les images. Mais on les affiche dans un bloque qui a une hauteur fixe de 550px (https://github.com/GeotrekCE/Geotrek-rando-v3/blob/main/frontend/src/stylesheet.ts#L182). On voit ici que cela masque le bas de l'image : https://nature64.fr/event/71-Arres,-grottes-et-sommets-de-calcaires image

Mais si on ouvre l'image utilisée, c'est bien l'image originale non recoupée : https://geotrek-admin.le64.fr/media/paperclip/tourism_touristicevent/71/img_4005.JPG C'est juste une question d'affichage, on ne recoupe rien, on l'affiche dans un bloc de hauteur fixe.

Par contre la largeur de l'image s'adapte à 100% de la largeur de l'écran. Donc plus l'écran avec être grand, plus on va masquer le bas de l'image :

image

C'est un choix d'affichage, pour être sur que l'image ne prenne pas trop de hauteur, mais c'est discutable et je pense qu'il n'est pas souhaitable de fixer la hauteur, mais qu'il vaudrait mieux afficher l'image complète.

Donc tailler différemment la photo originale n'est pas une solution viable, et va poser d'autres soucis. Dans l'état notre hauteur étant fixe, mais notre largeur toujours en 100%, il n'y aura aucune taille d'image fixe qui sera affichée complètement dans Geotrek-rando-v3 car cela dépendra de la taille de l'écran de l'utilisateur. Il faut seulement modifier la manière dont ces images sont affichées, c'est une évolution simple qu'on peut faire globalement pour tous dans Geotrek-rando-v3, ou que vous pouvez faire dès à présent dans votre customisation de style de votre Geotrek-rando.

Pour les PDF, c'est une autre affaire, là aussi on pourrait affiner le style CSS des templates des PDF, notamment le style du bloc photo. Le template HTML des PDF des événements touristiques : https://github.com/GeotrekCE/Geotrek-admin/blob/master/geotrek/tourism/templates/tourism/touristicevent_public_pdf_base.html#L34-L38 Le style en question qui formate l'image : https://github.com/GeotrekCE/Geotrek-admin/blob/master/geotrek/tourism/templates/tourism/touristicevent_public_pdf.css#L71-L79

C'est compliqué les images et leur format, mais selon la manière dont on choisit de les afficher, on les coupe plus ou moins ou pas du tout.

camillemonchicourt avatar Oct 06 '22 13:10 camillemonchicourt

Merci beaucoup @camillemonchicourt pour toutes ces précisions. Je comprends mieux.

AudreyRemy avatar Oct 06 '22 13:10 AudreyRemy

J'ai détaillé les pistes côté Geotrek-rando-v3 : https://github.com/GeotrekCE/Geotrek-rando-v3/issues/803

camillemonchicourt avatar Oct 06 '22 13:10 camillemonchicourt