Taille de l'image d'arrière plan (design Rome)

[Elisa_Guide_Paris]

Bonjour,
Je cherche une solution pour optimiser mon image principale d'arrière plan sur mon site (www.elisaguideparis.com) : sur smartphone et tablette, ça va, mais sur ordinateur, selon la taille de l'écran, l'image est très étirée, et coupée en haut et en bas (sur les grands écrans surtout)

J'utilise le design Rome, mais dans la version normale, je trouvait que l'image d'arrière plan était trop grande et prenait trop de place, donc j'utilise la variation Ponte, qui réduit la taille de l'arrière plan.
Quelle est la taille idéale pour une image d'arrière-plan ? Je ne sais pas trop quoi modifier pour que l'image ne soit pas coupée.

Merci beaucoup par avance pour votre aide

[FredVig]

Bonjour.
Vous l'aviez compris :
L'avantage de l'adaptativité des designs est d'obtenir une version similaire quelque soit la largeur d'écran.
L'inconvénient, pour cette image d'arrière-plan, sur ce design, est qu'il faut utiliser une image dont n'importe quelle partie peut convenir, sinon, vous risquez d'afficher un bout de ciel ou un bout de fleuve.

Deux approches sont possibles :
1 - vous changez l'image de fond de façon à ce que le contenu convienne dans toutes les largeurs
2- Vous modifiez le code en CSS (cherchez "modifier le Head") de façon à changer, au choix :
a) la position de l'image,
b) la hauteur de têtière
c) la largeur maximum de l'image
d) Changer d'image au delà d'une certain taille d'écran
selon les largeurs d'écran.

Pour cette solution 2, vous devez
apprendre le principe de "modifier le Head",
décider des conditions de largeur d'écran (par exemple, écran plus grand que 2000px, entre 1999px et 700px, de 700 à 400 etc.) [b] il faudra comprendre les "media queries "
Décider des propriétés de l'arrière-plan à modifier (largeur maximale, position verticale, remplacement d'image, hauteur de têtière…)
Tester les nouvelles valeurs
Les rajouter en modifier le Head

Solution 3, vous demandez l'intervention d'un prestataire "jimdo expert" qui vous devisera tout ça.

[Elisa_Guide_Paris]

Bonjour FredVig,
Merci pour votre réponse précise et rapide!
Je pense plutôt me tourner vers la solution 1, pour plus de simplicité. Néanmoins, avez-vous une idée de la taille idéale ou des caractéristiques pour qu'une image puisse convenir dans toutes les largeurs ?

Merci encore

[FredVig]

La taille n'a pas d'importance, elle doit correspondre aux grandes largeurs d'écran, jimdo calcule le reste.
Ce qui importe, c'est que l'image reste compréhensible/interessante même si on n'en voit qu'une petite partie. C'est le choix du sujet qui importe, donc. Il faut faire des essais en changeant la largeur de la fenêtre du navigateur.

[Elisa_Guide_Paris]

Merci pour votre réponse. Je vais donc changer d'images et tester selon les tailles d'écrans.
Bonne journée

[Contenu sponsorisé]