这不完全是一个编程问题，但我认为这是最好的地方问。带有颜色渐变的图像的最佳图像格式？
我的网站的首页有一个很好的横幅，其中超过一半的图像是一种颜色的“渐变”，并且还有一些文字。现在，为了获得任何合理质量的文本，我必须以> 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
