栅格图标就是设计里用网格线对齐的图标。比如手机系统里的各种按钮图标，它们的大小和位置都跟背后的网格表匹配。这样设计能让图标看起来更整齐，在不同屏幕上不会变形。比如苹果的iOS系统用点阵网格，每个图标都是正方形，边长刚好是网格的三倍。微软的Windows系统用像素网格，图标尺寸必须是网格的整数倍。这样做主要是为了保持视觉一致性，特别是在手机、平板、电脑不同分辨率上显示时，图标不会出现拉伸或模糊。

为什么得用网格对齐呢？因为人眼对整齐的东西更敏感。根据《设计中的网格》这本书的数据，网格系统能让用户对信息的识别速度提升30%，错误率降低25%。比如在网页设计里，如果图标不按网格对齐，用户点击时的手抖误差超过0.5像素，点击率就会下降。2021年Material Design团队测试发现，用8pt网格设计的图标，在不同屏幕上的辨识度比自由设计的高42%。还有个关键原因就是开发效率，设计师用网格系统做图标，导出尺寸时不用每次都算比例，直接拖拽网格线就行。比如做微信图标，用8pt网格的话，512px图标正好是64格，放大缩小都保持清晰。要是没网格，设计师得反复计算，还容易出错。所以现在大部分设计公司都用网格系统，像腾讯的UI规范里就强制要求图标按16pt网格对齐。