Bonjour et meilleurs voeux.
J'ai besoin de votre aide pour mettre en page correctement des photos JPG représentant les couvertures de livres électroniques au format Epub. La problématique est liée au ratio des différents écrans (smartphones, tablettes, liseuses) :
- 4/3
- 3/2
- 16/9
- 18/9 (pour les derniers modèles de smartphones)
Les images de couvertures mesurent 1200 × 800 pixels et sont donc au format 3/2 et concrètement ce que je voudrais :
- Pour un écran 3/2 -> aucun souci.
- Pour un écran 4/3 -> que l'image s'affiche sur toute la hauteur et donc marges blanches à droite et à gauche pour ne pas déformer (pas d'étirement horizontal).
- Pour un écran 16/9 et 18/9 -> que l'image s'affiche sur toute la largeur et donc marges blanches en haut et en bas pour ne pas déformer (pas d'étirement vertical).
J'essaie de paramétrer tout ça avec height et max-width mais selon les valeurs, ça s'affiche correctement soit sur un écran plus carré (4/3) soit sur un écran plus rectangulaire (16/9 et 18/9) que le ratio de l'image. Pour le moment, je n'ai rien paramétré, ce qui permet d'afficher l'image dans sa taille originale non zoomée en haut de l'écran (et en plein format sur une liseuse d'une définition à peu près équivalente, comme une Kindle Fire HD de 1280 × 800).
Merci de votre aide.
Modifié par Nerva (08 Jan 2018 - 14:17)
J'ai besoin de votre aide pour mettre en page correctement des photos JPG représentant les couvertures de livres électroniques au format Epub. La problématique est liée au ratio des différents écrans (smartphones, tablettes, liseuses) :
- 4/3
- 3/2
- 16/9
- 18/9 (pour les derniers modèles de smartphones)
Les images de couvertures mesurent 1200 × 800 pixels et sont donc au format 3/2 et concrètement ce que je voudrais :
- Pour un écran 3/2 -> aucun souci.
- Pour un écran 4/3 -> que l'image s'affiche sur toute la hauteur et donc marges blanches à droite et à gauche pour ne pas déformer (pas d'étirement horizontal).
- Pour un écran 16/9 et 18/9 -> que l'image s'affiche sur toute la largeur et donc marges blanches en haut et en bas pour ne pas déformer (pas d'étirement vertical).
J'essaie de paramétrer tout ça avec height et max-width mais selon les valeurs, ça s'affiche correctement soit sur un écran plus carré (4/3) soit sur un écran plus rectangulaire (16/9 et 18/9) que le ratio de l'image. Pour le moment, je n'ai rien paramétré, ce qui permet d'afficher l'image dans sa taille originale non zoomée en haut de l'écran (et en plein format sur une liseuse d'une définition à peu près équivalente, comme une Kindle Fire HD de 1280 × 800).
Merci de votre aide.
Modifié par Nerva (08 Jan 2018 - 14:17)