Page 8 sur 8

Re: Augmentation de la taille des images à 1280px

Publié : Ven 11 Sep 2020 00:47
par jwchretien
Je suis étonné que certaines personnes soient toujours avec une résolution inférieur à 1280 en largeur. Je pensais que la norme serait à environ 1900.

Pour mon cas je suis e, 3840X 2160 donc je vois bien les deux. Bien pratique car je n'ai plus besoin d'une loupe pour voir les photos.

Pour info même les stories instagram sont à plus de 1280 en hauteur.

Re: Augmentation de la taille des images à 1280px

Publié : Ven 11 Sep 2020 09:31
par fabco
Tous les écrans ne sont pas encore prêt à recevoir les 1900.Il faut penser aux utilisateur de portables mais pas qu'à eux.
Rien qu'avec mon 22 pouces 16/10 je suis limité à 1680. :mrgreen:

En plus il faut penser à la photo verticale ou l'ascenseur devient obligatoire.

Re: Augmentation de la taille des images à 1280px

Publié : Mar 22 Sep 2020 18:19
par Lefuretdesvilles94
En 1920x1080 seul la photo vertical peut obliger au scroling et ou ctrl- ou bien le pivotage de l'écran en fait jamais fait.

Re: Augmentation de la taille des images à 1280px

Publié : Mar 03 Jan 2023 01:09
par zaz
Je réponds après la bataille mais pour les prochaines évolutions cela peut être une piste.

Il me semble que la taille de l'écran n'est plus un critère à prendre en compte.
Car du coté des feuilles de style css on peux préciser

Code : Tout sélectionner

max-width: 100%;
width: auto;
height: auto;

comme cela pas d'image plus large que l'écran.

Et pour aller plus loin, je ne sais pas si bb-forum le propose, fabriquer plusieurs tailles d'image pour alléger la bande passante et utiliser picture avec des srcset.

Code : Tout sélectionner

<picture>
<source type="image/jpeg" srcset=" ma-photo-2560d1600.jpg 1360w,
 ma-photo-1920d1080.jpg 918w,
 ma-photo-1600d900.jpg 765w,
 ma-photo-1366d768.jpg 653w" sizes=" (min-width: 2560px) 1360px, (max-width: 2559px) and (min-width: 1920px) 918px, (max-width: 1919px) and (min-width: 1600px) 765px, (max-width: 1599px) 653px">
<img class="photoimg" src="ma-photo.jpg" width="696" height="696"></picture>

Dans ce cas c'est le navigateur qui choisit l'image qui lui convient le mieux en fonction de la résolution disponible.