更改html中的图像分辨率

Question

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

我有一个CSS，其中我使用图像作为背景。[width = 5000p, height = 3000px, horizontal and vertical resolution = 72dpi]图片以非常大的尺寸显示，图片没有完全覆盖屏幕。有没有办法可以使用image-resolution或任何其他方法更改图像的大小/分辨率？

Answer 1

您应该能够使用background-size CSS property来更改图像的大小。

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

Answer 2

蒂芬给了你正确的答案。但在“真实世界”中，你永远不会使用如此大的图像作为重复的背景。

例如，典型大小为：

• 200px X 200px (重复)
• 10px X 1000px repeat X 10px (repeat-y)

当然，您还必须考虑图像的重量: 40/50Kb可能是近似的最大大小。

总之，我建议您调整并压缩(JPG压缩，从50%到80%)图像的大小，而不是使用css规则。你可以用像Paint或FastStone Resizer这样的软件做到这一点，这是一个非常有用的免费软件。