這不完全是一個編程問題，但我認爲這是最好的地方問。帶有顏色漸變的圖像的最佳圖像格式？
我的網站的首頁有一個很好的橫幅，其中超過一半的圖像是一種顏色的「漸變」，並且還有一些文字。現在，爲了獲得任何合理質量的文本，我必須以> 90％的質量保存jpeg文件，並且需要106KB（不算太糟糕，但它會在我的網站上增加一些額外的負載，特別是因爲它的着陸頁我希望它快）。
現在，我想知道，如果有任何圖像格式（如PNG/GIF），其中可以以更加壓縮的方式存儲此類漸變。如果是這樣，我會要求我的設計師直接保存這種格式。問題是，從JPEG到PNG/GIF的轉換不是正確的方式，實際上增加了尺寸，因爲「噪音」必須進行損失編碼。
的圖像：http://pollwidget.org/images/first_view.jpg
感謝
用圖像，大到一個你有儘可能多的顏色在它作爲一個你......你不打算做考慮到您的質量參數，比80-100K好得多。
我的建議是將圖片分成至少兩個組件 - 一個是背景漸變，一個是您擁有的UI視圖。如果您在調色板上使用PNG/GIF和強制限制，通常可以通過這種方式節省一些成本。
不過，真的，你應該從圖像中分離文本。搜索引擎不僅會使文本無法讀取，您可以通過讓瀏覽器處理文本呈現來節省大量空間。只需要您可以使用的字體的一些靈活性。如果您不喜歡默認的瀏覽器字體，請查看Google's Font directory。
在您的特定示例中，因爲漸變只是單行像素的重複（它沿着水平方向變化，但沿着垂直方向保持均勻/重複），我的建議是將其存儲爲圖像（寬度955，高度1）並使用平鋪來填充屏幕。
然後，使用JasonAnderson的答案中提到的技術來組合其他元素。
如果你做了一點研究，你會發現JPG理想地應該用於高質量的照片。 PNG8和GIF文件的工作方式類似，因爲它們都支持256色，但GIF不支持「alpha」效果，即平滑的透明度或漸變效果。 PNG8和PNG24甚至會更好。所以PNG能夠使像素在一端變暗，而在另一端變得透明（alpha）。 GIF以不同的方式實現它。當我進入絲網印刷時，我學到了所有這些，所以我不確定它如何與平面設計配合使用。這是我找到的一個很好的鏈接，它幫助我真正理解它。 JPG, PNG, GIF
