为什么正确的PNG尺寸很重要

  • 尺寸错误的 PNG 图片会导致 Retina 显示屏上的图像模糊。
  • 过大的透明 PNG 图片会浪费带宽和内存。
  • 统一的尺寸可以防止 UI 组件布局发生偏移。
  • 设计系统中的 PNG 资源必须与令牌定义的尺寸完全匹配。

PNG 缩放最佳实践

  • 始终使用最大尺寸的源文件调整大小——切勿从较小的 PNG 文件放大。
  • 为 Retina 和高 DPI 显示屏生成 @2x 和 @3x 变体
  • 调整PNG图片大小后检查其透明边缘——查看是否存在振铃或光晕。
  • 保留 PNG 原图,以便将来调整为不同尺寸。
  • 在浅色和深色背景下测试PNG输出的透明度是否正确。