Largeur des images dans les topics

Hello,

Depuis environ 15 jours je dirais, la largeur des images n'est plus limitée. Même si l'intention est bonne, avec des résolutions élevées comme mon écran 1920x1080, certaines images deviennent difficilement lisibles tellement elles sont grandes, en particulier dans le topic des images insolites.
Exemple : message

Est-ce que ce ne serait pas possible de remettre un max-width sur les images comme avant, ou au moins un compromis entre les deux, 800px par exemple ?
À moins qu'il y ait une raison qui m'ait échappé.

Merci !

D'un coté se serait pas mal pour les gars avec un iphone 4s qui lutte pour charger convenablement ces images.


Ps: je vais changer de téléphone, c'est prévus (normalement)

@Loom- Parce que c'est quoi le problème du site sur iPhone 4S ?

Pour ma part, je parle de ce problème là (c'est l'affichage de la photo qui change, mais pas son poids à télécharger si c'est à ça que tu fais référence) :



MAINTENANT :





AVANT :

Je suis assez d'accord. pour les photos verticales ça pose un problème. Quand elles sont en HD.

Bon par contre définir une largeur max ne réglera pas le soucis du chargement de l'image sous iphone 4s

@CrazyCow


Ce doit être tout simplement qu'il est trop vieux et en 3G donc ... ça rame de dingue.

@CrazyCow Et en réduisant la largeur de ton navigateur ?

@Koreus Ça fonctionne mais je ne pense pas que ce soit très ergonomique
Si le but est d'afficher les images en plus large qu'avant sur les grands écrans, est-ce qu'il ne serait pas possible d'avoir au moins un compromis entre les deux ?
max-width: 900px; par exemple ?

Est-ce que ça pose problème par rapport au LazyLoad ?

@CrazyCow C'est ce qu'il y avait avant, le max-width à 800px

Ce n'est pas incompatible avec le lazyload, c'est juste que je me suis dit que c'était dommage de ne pas profiter de toute la largeur de la page pour afficher les images.
Mais si c'est vraiment embêtant, je remets comme avant

Comment afficher les images dans le forum ?
Crée le 2019-04-25 19:02:25 | Forum | proposé par Koreus
Toute la largeur (max-width:100%)
Limiter à 800px (max-width:800px)
[Participer au sondage]

Est-ce qu'il y a pas eu un autre changement au niveau du chargement des images? Car j'ai l'impression qu'il est différent maintenant, qu'il se fait plus totalement (et c'est super chiant quand on remonte un topic et que du coup tout se décalle...)

@LeFreund Si, ça va être corrigé prochainement

Bonne idée pour le sondage. Si ça ne gêne que moi, il n'y a pas de soucis, je peux mettre le code moi-même sur le site via Stylebot (extension de Chrome).

Humm et sinon un paramètre personnalisable ?

Pourquoi ne pas l'ajouter au Koreuscript? ça doit pas être très compliqué.

Si @Boboss nous entends...

@LeFreund

C'est pas très compliqué à ajouter en option dans le KoreuScript, mais il faut du temps et de la motivation.
Si quelqu'un sait comment s'en procurer en masse, je suis preneur

Et surtout je vois pas pourquoi quelqu'un voudrait voir des images comme dans ma capture
On parle bien de taille maximale, sur tous les écrans plus petits l'image pourra aller jusqu'en pleine largeur.

@CrazyCow @Koreus @Wiliwilliam

Dans le web la largeur se limite souvent à la taille de l'écran.
En revanche, la hauteur se retrouve sans limite due au scroll vertical.

Généralement la solution que j'adopte pour ce type de situation est:
- Pas de restriction sur la largeur
- Restriction de hauteur maximale en pixel


Edit pour Koreus:
Vu que les attributs width et height des balises img sont déjà définis, les propriétés css pour une hauteur max à 600px:


Tests:

@Boboss Merci pour les infos. Je vais voir avec le max-height

@Boboss J'avais pensé à ça aussi, mais le soucis se situe au niveau de ces images très hautes qui se retrouveraient donc toutes petites (exemple). Mais après tout, pour le nombre de fois où ça arrive, les gens n'ont qu'à mettre un lien sur leur image pour qu'elle s'ouvre en plein.

Pour info la hauteur maximale peut être définie en fonction de la hauteur de l'écran via : max-height: 100vh;

@CrazyCow @Koreus

A ce que je propose, il est tout à fait possible de rendre les images cliquables pour celles qui ont été rétrécies afin de les afficher dans leur taille d'origine.
Il y a un bout de code ici, bien prendre en compte le dernier commentaire.

Cela entraîne un cas particulier: les grandes images qui étaient déjà reliée à une url (cf example). Cela pourrait se passer ainsi:
- Afficher une icone de zoom dans le coin supérieur gauche lorsque la souris est par dessus l'image.
- Agrandir l'image quand on clique sur l'icone.
- Ou bien se rendre sur le lien relié lors d'un clique sur l'image.
- Pour les smartphones, laisser afficher l'icône de zoom (vu qu'il n'y a pas de on:hover)
- Pour ne pas déstabiliser les koreusiens, mettre le système d'icône pour le zoom même sur les images qui ne sont pas reliées à une url.

Example / Test:

Pour moi, y a clairement un problème d'affichage,
quand je suis sur tablette, le site est agréable,par contre sur le PC, j'ai des images surdimensionnées, il faut que je descende à 70 ou 80 % pour voir l'image, mais du coup, la lecture des commentaires est impossible (je suis un peu malvoyant)

capture écran à 100%



capture écran à 80% (pour moi c'est trop petit)