为何在Adobe Illustrator中设计的256×256px图标输出为772×772px？

可能原因 #

• 文档与导出分辨率不匹配：AI文档的dpi参数和导出时设置的dpi不一致，像素尺寸会按比例换算（比如72dpi文档用228dpi导出，256×(228/72)≈760，接近772）。
• 内容超出画板范围：图标元素超出了256×256的画板，导出时默认导出整个画布而非仅画板区域，导致尺寸放大。
• 导出设置错误：导出时未勾选「使用画板」，或缩放比例被修改为大于100%的数值。

解决方法 #

1. 校准文档与画板

   • 打开文档后，执行文件 > 文档设置，确认文档分辨率为72dpi（图标设计常用值），并检查画板尺寸为256×256像素。
   • 执行选择 > 全部，拖动超出画板的内容回到画板范围内，确保所有元素都在256×256的边界内。

2. 规范导出流程

   • 执行文件 > 导出 > 导出为，选择目标格式（如PNG）。
   • 在导出设置窗口：
     • 勾选「使用画板」，限定导出范围为画板区域。
     • 将分辨率设置为与文档一致（如72dpi），或直接选择「使用文档分辨率」选项。
     • 确认缩放比例为100%，取消任何自动缩放相关的勾选项。

3. 验证最终文件

   • 导出完成后，查看文件属性（Windows）或显示简介（Mac），确认像素尺寸为256×256。若只是视觉显示变大，检查系统高DPI缩放设置是否调整了显示比例。

内容的提问来源于stack exchange，提问作者tmighty