在 Illustrator 里看着很清晰,导出 PNG/JPG 后边缘发糊、细线断裂,多半和像素网格与抗锯齿有关。
画板宽高出现小数会导致整体落在半像素上,导出必然发虚。把画板改成整数。
适用 UI/icon:选中对象后对齐到像素网格,避免 0.5px 的尴尬位置。
1px 居中描边容易落到半像素,尝试改成 2px 或改为内/外侧描边。
导出为屏幕:优先“针对屏幕优化”;针对小图标可测试关闭抗锯齿对比。
视图→像素预览,缩放到 100% 看边缘,如果已经糊,在导出前就要修正对齐。
清晰导出的关键是:整数画板 + 像素对齐 + 合理描边 + 合适抗锯齿。按顺序排查最快。