JPEG 图像在浏览器（网站）上呈现像素化

Question

网页上几乎所有的 jpg 图像都是像素化的。我试过其他浏览器，也是一样。只有 JPEG 图像才会像素化。PNG 显示效果很好。

此对比图预览是截屏两张实际图像以及它们在网站上的显示效果。它们基本上是同一张图片，但格式不同。左边的是 PNG，右边的是 JPG。如果你看右边的那张，边缘明显像素化，与同一张图片的 PNG 格式相比，其余部分看起来一点也不平滑。

有谁知道如何解决这个问题，因为它在浏览时确实会造成视觉干扰？任何帮助都将不胜感激。提前致谢。

附言

除了网站浏览器之外，在其他程序上我没有遇到 jpg 图像质量问题。

Answer 1

听起来您使用的是某种优化代理服务器。这在移动设备上很常见，服务器会重新压缩图像等内容，然后再发送给您。

另一个选择是使用浏览器进行缩放，这可以使文物更加明显。

Answer 2

这是一个典型工件JPEG 编码过程中使用的量化会导致图像的高频内容被丢弃。它发生在尖锐的边缘，因为当图像被离散余弦变换。

PNG 图像不会受到此影响，因为它们是在像素域中编码的，而不是基于频率。此外，PNG 是无损的，而在 JPEG 中，高频被切断（量化）以节省空间。

您对此无能为力，因为这是 JPEG 创建者的错误。他们选择的质量设置太低（即量化器太高）。

这也是为什么 JPEG 应该用于照片内容，而 PNG（或其他基于像素和矢量的图像格式）更适合图形和文本的原因。此效果的其他一些很好的例子显示在这里。