身體標記需要背景圖片建議

Question

我從我們的客戶有一個新的網站佈局。但是佈局包含1280X1795像素的Landscape作爲背景圖像。而客戶不想改變這種背景。

現在我的問題是將此圖片用作背景的最佳做法是什麼？

因此，頁面速度也得到了優化，並且加載時間也得到了優化。

非常感謝。

Answer 1

如果圖像沒有改變的最佳解決方案是使用適應高速緩存控制蒙山htaccess的：http://www.askapache.com/htaccess/apache-speed-cache-control.html。

Answer 2

如果您正在爲您的網站使用PHP，那麼使用apc緩存機制將圖像存儲在緩存中，或使用任何框架使用框架的默認機制進行緩存。

Sanil小號

Answer 3

根據圖像的，簡單的圖像壓縮技術是什麼，並選擇正確的文件格式，可以極大地幫助。

如果你有自己的一個很好的模式，嘗試找到它重複的地方，並裁剪圖像的大小。然後，在您的網頁你的CSS，只需添加對身體：

body { background: url("pattern.jpg") repeat-all; } 

如果您有重複只在一個方向，如「列」模式必須只重複向下的模式，然後使用

body { background: url("column.png") repeat-y #your-background-rgb-colour; } 

這將使其重複在頁面上，但不會跨越。在整個頁面上重複圖像也是一樣，只需使用repeat-x即可。

接下來是圖像格式。現在，這是我們真正主觀的地方，但這是我的承諾。你有四個主要的選擇：

1. .JPG使用此爲必須是照片般逼真的圖像，沒有任何顏色剪裁。對於網頁瀏覽，通常您可以使用大約70％的質量。
2. .gif對於只需要一定數量的顏色的圖像。 Gif圖像可能非常小，但是會損失圖像中不必要的顏色。
3. .png（Limited Palette）這個png格式的工作方式與我上面介紹的gif相同，但是在某些情況下這可能會產生一個較小的結果。
4. .png（Full-bit）與jpg類似，此png格式允許使用所有顏色和照片般逼真的圖像。然而，它通常提供比jpg更大的圖像，但壓縮僞影較少（圖像中的塊狀比特）。

只是玩弄壓縮設置，你會發現一些令人滿意的，但。

彌敦道C.