Check out the LimeSurvey source code on GitHub!

Problème taille d'affichage d'image

More
6 years 3 months ago #50483 by themis
Bonjour,

3 Questions :(

Je mets régulièrement des images dans les questionnaires, mais je suis toujours contraint de charger plusieurs fois la même image pour trouver la bonne taille.

1- Y-a-t-il une règle qui m'échappe à prendre en compte ?

En ce moment j'ai besoin d'afficher plusieurs images de qualité égale avec des dimensions de 1181 pixels de large et un hauteur qui varie entre 181 et 2480 pixels

J'ai :
- une image de 1181x1181 qui s'affiche en grand (conservation de 1181x1181)
- une image de 1181x2480 qui est réduite après chargement à 142 pixels(large)x300pixels(hauteur)
- une image de 1181x135 qui est elle aussi réduite après chargement 400x45

Le problème est que si j'agrandis l'image après chargement la qualité devient très très médiocre.

J'avoue que j'y comprend rien. :blush:

2- Que dois-je faire ?
3- Peux-t-on supprimer des images chargées sur le serveur, car au bout d'un moment il y a beaucoup trop d'images ?

Please Log in to join the conversation.

More
6 years 3 months ago #50485 by Nickko
Pour la question 3, je dois vérifier comment plutôt que de dire une bêtise.

Pour la question 1. les dimensions que tu indiques sont extrêmes et loin de passer sur tous les moniteurs. Je serais de toi je réduirais la taille des images, mais modifiant les images elles-mêmes, pas simplement en les redimensionnant. Sans savoir de quel type d'image nous parons je ne peux en dire plus.

Est-ce des photos, des copies d'écran, des schémas ?

Nickko
Ergonome / Usability expert

Please Log in to join the conversation.

More
6 years 3 months ago #50488 by DenisChenu
C'est dans le code source de la question qu'il faut regarder les images.

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand (or search sondages pro).

Please Log in to join the conversation.

More
6 years 3 months ago #50490 by themis
Il s'agit d'image JPEG fourni par un infographiste.

Please Log in to join the conversation.

More
6 years 3 months ago #50492 by Nickko
Oui mais que représentent-elles ?
Il faudrait demander à l'infographiste de te fournis des images respectant certains critères de taille aussi.

Cela éviterait les temps de chargement excessif et d'avoir des barres de défilement verticales et horizontales.

Nickko
Ergonome / Usability expert

Please Log in to join the conversation.

More
6 years 3 months ago #50494 by themis
Sur un fond bleu il y a du texte et une image représentant un graphe et des doses d'alcool, il s'agit d'un dépliant pour une action de communication contre l'alcool.

Please Log in to join the conversation.

More
6 years 3 months ago #50496 by Nickko
Ne serait-il pas possible de découper cette image pour avoir des tailles plus raisonnables et qui poseraient p-ê moins de pb ?

Sinon, as-tu regardé le code comme le suggérait Shnoulle ?

Nickko
Ergonome / Usability expert

Please Log in to join the conversation.

More
6 years 3 months ago #50498 by themis
Si je réduit les images elles seront illisible.

Pour le code source j'aurai besoin d'aide je n'en ai jamais fait.

Please Log in to join the conversation.

More
6 years 3 months ago #50501 by Nickko
Il ne faut pas les réduire genre 75% mais modifier ce qu'il y a dedans pour que ça prenne moins de place.

Faire du code source...

Si tu nous disais déjà ce que tu vois.
par exemple copier / coller le code des images.

Peut-être nous donner accès au sondage aussi.

Nickko
Ergonome / Usability expert

Please Log in to join the conversation.

More
6 years 3 months ago #50616 by themis
Bon voilà le questionnaire est accessible

l'image 1 est à la question 2.1, d'ailleurs il ne faut pas répondre "oui" sinon l'enquêté est éjecté du questionnaire.

le reste des images se situent au bloc 3 elles ont toutes une largeur de 1181 pixels
l'image à la question 3.7 est carré 1181x1181
l'image à la question 3.8 fait 1181x2480 pixel


enqueteur.cete-ouest.developpement-durab...hp?sid=63382&lang=fr

Please Log in to join the conversation.

More
6 years 3 months ago #50617 by Nickko
"L'image 1 est à la question 2.1,"

Pour moi elle est parfaite, tu demandes au gens de la reconnaitre, pas de la lire.


Image 3.7 :
Ok, moi je n'ai vu que 2 problèmes, l'image 3.7 qui est très (trop) grande.
Déjà je vois qu'elle est en JPEG, pour du texte et des dessins c'est le pire choix. En PNG (en GIF à la rigueur) elle serait bien plus légère et de meilleur qualité.(mais cela ne change rien à sa taille en pixel).

Si tu la réduit à 40% (c'est à dire 472 px) alors elle reste parfaitement lisible et passe sans soucis dans l'écran. De plus elle est en 300 ppp c'est une résolution pour l'impression, mais sur un écran du 96 vois du 72 est largement suffisant.

J'ai retravaillé l'image. Si tu me donne ton e-mail en privé, je pourrais te l'envoyer.

Image 3.8
Finalement, si tu lui applique le même traitement que l'image 3.7 ça devrait passer.
Je ne peux pas le faire car je n'ai pas l'image en grande taille.

Et je me dis que si l'image 1 te pose aussi problème alors lui appliquer aussi le même traitement.

Nickko
Ergonome / Usability expert

Please Log in to join the conversation.

More
6 years 3 months ago #50640 by DenisChenu
Salut:

1: éviter ABSOLUMENT les copier/coller de word
2: travailler sur la source de la question, éventuellement un coup d'oeil sur www.siteduzero.com/tutoriel-3-13506-les-images.html#ss_part_2 par exemple.

De mon coté, j'ajouterais un plugin de type leandrovieira.com/projects/jquery/lightbox/ , j'envoi les 2 images (une grande, une petite)

Je met ce code:
<a href="http://monsite/monimage.png" class="lightbox"><img src="http://monsite/monimage-petite.png"></a>

Plus le petit bout de script qui va navec.

Autre chose : les images sont principalement constituées de texte, pourquoi ne pas recopier le texte dans la question ?

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand (or search sondages pro).

Please Log in to join the conversation.

Moderators: Nickko
Imprint                   Privacy policy         General Terms & Conditions         Revocation information and revocation form