2012-09-06 288 views
0

就像我說的,圖像質量比尺寸更重要,但我必須平衡。想要使圖片文件太小。 ,但寧願看到更好的照明效果和良好的圖像質量。以KB縮小圖像尺寸

由於大部分區域都會被我們的主要內容白色背景所覆蓋,所以我們可以刪除這些區域以使文件更小,同時保持良好的質量。但這不是加工。

幫助我。 enter image description here

+0

去這裏... HTTP://www.colorzilla。 com/gradient-editor/ – Archer

+0

你的要求不是很清楚。什麼是上下文?圖像來自哪裏?在什麼類型的輸入圖像將被選中?最重要的是[你有什麼嘗試?](http://whathaveyoutried.com) – Mohayemin

+0

@Archer這不適用於所有瀏覽器。 – user1376575

回答

1

最好的選擇是使用圖像編輯軟件並將文件保存爲網絡設備。

另一種方法是將照明效果保存爲.png文件,並在CSS中設置藍色背景。

說你的燈光圖像被稱爲:lighting-effect.png

然後使用

div{ 
    background: url('lighting-effect.png') no-repeat top center #1369AE; 
} 

這個CSS將保存的圖像大小,因爲圖像不會有持有藍色在裏面。

+0

照明效果非常大 – user1376575

+0

它仍然會降低尺寸,並不意味着您必須繼續編輯圖像才能更改背景顏色,這是您將來的願望。 –

1

因爲你所要求的減小圖像大小(KB),它不可能做到這一點的客戶端(使用CSS,HTML,JavaScript的,jQuery的)。您可以嘗試服務器端scriptings如ASP,PHP等

但對於你的問題,你可以嘗試像Adobe Photoshop的一些軟件,以減少圖像的大小或者您可以嘗試像JPG/JPEG Image File Size Reducer and Batch Image Resizer

0

http://www.evisiontesting.com/ryanh/TEST/images/aa.jpg

500KB到50KB ..不傷害質量,這是一樣好,你可以用它獲得...除非你使用CSS或東西呈現它。

用Photoshop,存儲爲Web &設備,挑選質量/大小適中的作品一種選擇,那就是你如何正確處理圖像的網頁:)