头版Folia Daily Briefing
← 返回头版
科技数码硬件

Chrome浏览器小尺寸JPEG图像渲染与Firefox存在差异的技术原因

Chrome浏览器在渲染小尺寸JPEG图像时呈现出与Firefox不同的视觉效果,这源于其采用的特殊优化技术。[1]Chrome通过Skia图形库调用libjpeg-turbo库进行图像解码,其中实现了partial IDCT scaling优化。[1]当图像缩放至特定比例(分母为8的分数)时,Chrome会计算最接近的此类分数比例进行解码,此时仅保留低频数据而跳过高频系数,导致渲染结果看起来更粗糙厚重。[1]

JPEG图像在8×8块级别进行频域转换(DCT),高频信息包含边缘细节和渐变等视觉元素。[1]通过partial IDCT scaling技术,Chrome在缩放过程中大幅丢失这些高频信息,从而实现性能优化。[1]鉴于这一特性,建议在图标等场景中应使用SVG格式而非JPEG。[1]


JPEG解码Chrome浏览器图像渲染优化partial IDCT scalinglibjpeg-turbo