跳到正文
热点事件持续更新

PNG 缩放导致软边与色差,预乘是关键

2 篇报道1 个报道来源2 小时前更新

先了解这件事

AI 综述

作者在实验中发现,缩放抠图 PNG 时若不先做 alpha 预乘,低透明度像素会把背景色混入边缘,导致边缘出现偏白的雾霾。 软边是插值本身的结果:缩小采用面积平均,放大采用线性插值,透明度过渡带因此变宽;色差则来自非预乘缩放把低透明度像素里存着的颜色按面积平均进了边缘。作者称,预乘缩放的结果与透明处存什么颜色无关。 为保持边缘干净,建议在图像管线的缩放前先做 alpha 预乘,缩放后再除回去。不同库(canvas、sharp、libvips)默认的预乘行为会影响结果,且多次缩放可能导致色差累积。

AI 根据报道生成 · 1 小时前更新

事件进展

2 个进展

  1. 10月31日 11:04 · 1 篇报道
    PNG scaling causes soft edges and color bleed
    掘金:抠图 PNG 缩小再放大,边缘又糊又白是两件事
  2. 10月31日 10:32 · 1 篇报道
    抠图结果缩放后边缘发脏,该怪的不是插值
    掘金:抠图结果缩放后边缘发脏,该怪的不是插值

报道时间线

沿着报道,了解事件的不同侧面。

10月31日
  1. 掘金精选
    抠图 PNG 缩小再放大,边缘又糊又白是两件事

    作者在技术博客上分析了抠图 PNG 缩小再放大时出现的软边和色差问题,使用了三张公开样图进行实验。需要使用图像处理工具如 sharp、Pillow、canvas,了解预乘与非预乘的差异。文章基于单次实验,成本仅为个人电脑与开源库,无额外费用,结果可在数分钟内复现。需要注意不同工具默认的预乘行为,若流程中多次缩放可能导致色差累积,建议检查透明像素颜色并使用预乘缩放或手动拆通道。

  2. 掘金精选
    抠图结果缩放后边缘发脏,该怪的不是插值

    作者在实验中发现,缩放抠图 PNG 时若不先做 alpha 预乘,低透明度像素会把背景色混入边缘,导致边缘出现偏白的雾霾。通过对比预乘与非预乘缩放,作者建议在图像管线的缩放前先预乘,再缩放后除回去,以保持边缘干净;同时指出不同库(canvas、sharp、libvips)默认的预乘行为会影响结果。

本事件热度走势

还没有足够的连续观测数据,暂不绘制趋势。