文章摘要
Chrome在处理JPEG小尺寸缩放时采用了一种巧妙的解码优化，而非完全解压再缩放，这导致同一图标在不同浏览器中显示效果不同。
文章总结
标题：Chrome 中 JPEG 缩放优化：看似渲染错误，实为巧妙解码
主要内容重述：
一次偶然的观察中，我发现同事电脑上的一个图标比我电脑上的更清晰、更接近原图。该图标以15像素大小渲染，在Chrome中显得更粗，而Firefox中则更忠实于原图。虽然最终用SVG替换解决了问题，但我好奇其根本原因。
深入调查后，我发现Chrome在处理小尺寸JPEG时采用了一种高效优化。传统方法是将JPEG完全解压到内存再缩放，但这对大幅缩小（如2000×2000像素缩至20×20像素）的图像效率极低——全尺寸位图占用约12MB，而最终图像仅需1.2KB，大量信息在缩放中丢失。
关键洞察是：大幅缩放时丢失的主要是高频细节（如树叶的纹理）。JPEG压缩将图像分割为8×8像素块，通过离散余弦变换（DCT）转换为频率域，每个块由不同频率的系数表示。低频对应平坦区域，高频对应细节变化。
当缩放比例为1/8时，每个8×8块可简化为一个像素。此时图像主要依赖低频信息，因此Chrome（通过Skia和libjpeg-turbo）采用部分IDCT缩放技术：仅解码低频系数，跳过高频部分，直接生成缩小版本。这减少了内存占用并加速了解码过程。对于其他分母为8的缩放比例，该技术同样适用。
最终，Chrome会计算最接近的1/8比例进行解码，再通过传统算法微调至目标尺寸。这就是图标在Chrome中显得更粗的原因——仅保留了恒定分量，丢失了边缘柔化和渐变细节。
核心教训：JPEG格式及其优化专为照片感知设计，不适合图标等小尺寸图像。
评论总结
以下是对评论内容的总结，基于主要观点、论据和认可度（评分均为None，故未区分权重），保持不同观点的平衡性，并保留关键引用：
1. 浏览器缩放算法差异
- Chrome和Firefox使用不同的缩放算法，导致图像质量差异：Chrome更模糊，Firefox更锐利但可能有振铃伪影。
- "Chrome is more blurry in general while Firefox is sharper but has slightly more ringing artifacts." (debazel)
- "So is Firefox doing a full rendering then scaling, or is it also doing a partial rendering but in another way?" (PetitPrince)
2. 对Chrome“优化”的批评
- Chrome的JPEG部分解码优化（仅解码所需像素）导致图标模糊，尤其影响PNG和JPEG图标，用户被迫改用SVG。
- "When Chrome introduced this 'optimization'... it really messed up the icons... we had to hold off the upgrade until we had SVGs to replace them." (jonathanlydall)
- "Not sure why one would use JPEG for a little digital icon anyway. It is indeed only acceptable for photos." (LoganDark)
3. 技术改进与替代方案
- Firefox正在开发低分辨率解压功能（Bugzilla链接），并提及moz-jpeg库可优化JPEG质量。
- "The work for decompressing at a lower scale in Firefox is happening here: https://bugzilla.mozilla.org/show_bug.cgi?id=2033250" (muizelaar)
- "You can override lib-jpeg-turbo with the moz-jpeg 'update' if you want much nicer jpeg things going on." (Theodores)
4. 其他相关讨论
- 提及HTML Canvas缩放历史（bluedino）、JPEG像素块对齐问题（Theodores），以及现代屏幕“视网膜”分辨率对缩放的影响。
- "Reminds me of digging into HTML Canvas scaling, especially when HiDPI Macs came out." (bluedino)
- "Few respect the pixel blocks of JPEG (8 x 8) and most graphic artists have no knowledge of the powers of two." (Theodores)
总结：评论主要围绕Chrome与Firefox在JPEG缩放上的算法差异展开，多数用户批评Chrome的“优化”导致图像模糊，并建议使用SVG或等待Firefox的改进。部分评论深入技术细节（如moz-jpeg库、像素对齐），但整体观点偏向Firefox的锐利效果更优。