导出发糊的7个隐藏原因与解决顺序

原因1:预览比例会误导你,先回到100%再判断

很多人判断清晰度时是在 66.7%、33.3% 这种非整数缩放下看图。位图在非整数缩放必然重采样,边缘会变软。第一步永远是回到100%检查真实像素,再决定是否要改。

原因2:半像素会把1px线条平均成灰边

当线条或图标落在0.5像素位置,系统只能在两列像素之间平均分配,结果就是灰边和发虚。你以为是导出问题,其实是几何对齐问题。

  1. 做法:把关键元素的 X/Y/W/H 调成整数。
  2. 重点:分割线、细描边、图标轮廓最容易暴露。

原因3:反复缩放变形会洗软边缘

在PS/Procreate/Figma里对位图反复自由变换,每一次都在重采样。来回缩放、旋转、再缩回去,会不可逆地损失锐利度。

  1. 做法:尽量一次到位,避免来回调整。
  2. 策略:宁可从大缩小,不要从小放大。

原因4:抗锯齿不是越强越好,硬边元素会被抹灰

抗锯齿的目的是真实平滑,但在图标、UI线条、像素风等硬边元素上,过度平滑会让边缘变灰、看起来不锐。你需要在平滑和锐利之间做选择。

原因5:平台二次缩放与压缩,往往才是最大杀手

很多图片本地很清晰,发到社媒或网页就糊了,是因为平台做了缩放与压缩。解决思路不是在源文件里加锐化,而是控制输出尺寸贴近最终展示尺寸。

  1. 做法:按平台推荐尺寸导出,或导出整倍数尺寸(1x/2x)。
  2. 验证:先本地用同尺寸预览,再上传对比。

原因6:透明PNG边缘发灰,会让你误判为发糊

透明像素参与抗锯齿时,如果透明像素携带了浅色底色,在深色背景上会出现灰边。灰边会被误认为糊。黑底测试能快速定位这个问题。

原因7:不同查看器的缩放算法不同,效果会不一致

不同查看器的缩放算法不同,同一张PNG在A里锐、在B里软很常见。最终以投放环境作为判断标准:你发到哪里,就在哪里看效果。

解决顺序:从快到慢照着做

  1. 回到100%看真实像素:先排除预览误判。
  2. 检查整数像素对齐:尤其是1px线与图标边缘。
  3. 检查缩放链路:输出尺寸是否贴近最终展示尺寸。
  4. 避免反复变形:位图元素尽量一次变形到位。
  5. 检查透明边缘:黑底测试白边与灰边。
  6. 在投放端复核:别被某个查看器绑架。

结尾

导出发糊最难的点在于:它看起来像参数没调好,实际是像素、缩放、预览与投放环境共同作用。把解决顺序固定下来,你会发现很多问题不用重做,只要改对一个环节就能立刻变清晰。

用户评论 (0)

登录后参与讨论

立即登录 注册账号

暂无评论,快来抢沙发吧~

操作成功