为什么光栅化大小很重要

  • 平台资源要求明确规定了具体的像素尺寸,而不是百分比。
  • 栅格化尺寸过小会丢失 SVG 数学算法能够保留的亚像素细节。
  • 以 2 倍分辨率进行栅格化可生成适用于 HiDPI 屏幕的真正 Retina 素材。
  • 网站图标尺寸(16像素)需要特别注意像素微调和像素对齐。

SVG栅格化最佳实践

  • 务必保留 SVG 原文件,以便将来可以重新导出为任何新尺寸。
  • 首先以最大尺寸导出;对于较小尺寸,采用缩小 PNG 尺寸的方式,而不是重新栅格化。
  • 对于非常小的尺寸(例如 16 像素的网站图标),请先将文本转换为 SVG 中的路径。
  • 对于任何用于 Retina 或 HiDPI 屏幕的 PNG 图片,请使用 2 倍尺寸。
  • 在小尺寸输出中验证 SVG 滤镜和字体渲染效果