更改html中的圖像分辨率

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

我有一個CSS，我在其中使用圖像作爲背景。 [width = 5000p, height = 3000px, horizontal and vertical resolution = 72dpi] 圖像以非常大的尺寸顯示，圖像不能完全覆蓋屏幕。有沒有一種方法可以使用image-resolution或其他方法更改圖像的大小/分辨率？更改html中的圖像分辨率

來源

2012-12-28 Mercenary

您應該可以使用background-size CSS property更改圖片的大小。

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

來源

2012-12-28 08:41:10 tiffon

謝謝...這就是我一直在尋找！ – Mercenary

所有圖像解析標籤首先屬於CSS3和所有的瀏覽器可能不支持這一點，但如果你想這樣做，那麼嘗試提供這樣的圖像分辨率：

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

所有最好的.. ..

來源

2012-12-28 08:31:28

Tiffon給了你正確的答案。但在「現實世界」中，你永遠不會在重複的背景中使用如此大的圖像。

典型尺寸是，例如：

200像素X 200像素（重複）
10px的X 1000像素（重複 - X）
2000像素X 10px的（重複-Y）

當然，你也必須考慮圖像的重量：40/50Kb可能是一個approsimative最大尺寸。

總之，我建議您不要使用css規則來調整圖像的大小和壓縮（從50％到80％的JPG壓縮率）。您可以使用像Paint或FastStone Resizer這樣的軟件來做到這一點，這是一款非常實用的免費軟件。

來源

2012-12-28 08:57:23

更改html中的圖像分辨率

回答

相關問題