css - 可以对图像的不同部分应用或多或少的压缩吗？

Question

我想用这张图片作为我网站的背景

现在它是 1040 x 660 并使用 70% 的 JPEG 压缩。这似乎与 Twitter 在您登出访问其主页时使用的技术相同。这种技术已将图像大小降低到大约 180 KB，这对我来说是可以接受的。它与 Twitter 的大小相同。

但是，我希望能够为高分辨率屏幕（例如我的 Macbook Pro Retina 和 iPad）提供更高分辨率版本的图像。我知道我可以通过媒体查询来做到这一点，但如果分辨率上升，尺寸也会上升。是否有任何压缩技术可以让我对图像的特定部分应用或多或少的压缩？在这张图片中，最好对烤架后面的失焦部分应用更多的压缩，同时让芦笋和烤架本身的压缩程度降低。由于失焦区域是图像的很大一部分，这应该可以节省大量空间。

Answer 1

你是如何保存图像的？您是否使用“文件”>“另存为”来执行此操作？如果是，请尝试 File>Save for Web and Devices。它使您可以更好地控制设置，并允许您比较不同的设置。我也有感觉，这个压缩算法好一点。