Coup de pouce sur image adaptative

Par sylvain, il y a 10 ans


Les bases HTML/CSS

Bonjour,

Je voudrais avoir une idée pour avoir une image qui prenne toute la surface et qui soit toujours belle. car sur mon grand ecran c'est pas top.

merci pour toute pistes

3 réponses

JMERISE, il y a 10 ans

Tu veux que t-on backgroud prend tout la page ?
si oui tu fait en css :

background-image: url('Ton-images.png') center center; background-size: cover !important;
sylvain, il y a 10 ans

en gros je prends une image a la resolution maximal? 2550 x 1900 ? et j'utilise ca.
Que se passe t'il pour une tablette ?
ca va charger la meme photo je crois,

MrCastor, il y a 10 ans

Tu peux changer l'image en fonction de la résolution via les media queries. A taille d'écran standard, tu charges ta grosse photo et pour mobile, tablettes etc, tu charge une photo plus performante pour le device.