Modifier la résolution d'image en html

Question

<style> 
#text{ 
background-image:url('/../image.jpg'); 
<<image-resolution:???>> 
} 
</style> 

J'ai un CSS où j'utilise une image comme arrière-plan. [width = 5000p, height = 3000px, horizontal and vertical resolution = 72dpi] L'image apparaît avec une très grande taille et l'image ne couvre pas complètement l'écran. Y at-il un moyen que je peux changer la taille/résolution de l'image en utilisant image-resolution ou toute autre méthode?

Answer 1

Vous devriez pouvoir utiliser le background-size CSS property pour changer la taille de votre image.

#text{ 
    background-image:url('/../image.jpg'); 
    background-size: 100px 100px; 
} 

Answer 2

tout d'abord étiquette résolution d'image appartient à CSS3 et tous les navigateurs pourrait ne pas soutenir cela, mais si vous voulez faire ensuite essayer de fournir une résolution d'image comme ceci:

 
<style> 
image-resolution: 72dpi; 
</style> 

Bonne chance .. ..

Answer 3

Tiffon vous a donné la bonne réponse. Mais dans le "monde réel", vous n'utiliserez jamais une image aussi grande pour un arrière-plan répété.

tailles typiques sont, par exemple:

• 200px X 200px (répétition)
• 10px X 1000px (repeat-x)
• 2000px X 10px (repeat-y)

Bien sûr, vous devez également considérer le poids des images: 40/50Kb pourrait être une taille maximale approsimative. En conclusion, au lieu d'utiliser la règle css, je vous propose de redimensionner et de compresser (compression JPG, de 50% à 80%) l'image. Vous pouvez le faire avec un logiciel comme Paint ou FastStone Resizer, un freeware très utile.