PxCook导出2x/3x切图模糊的解决方法包括:一、匹配设备类型与设计稿分辨率;二、确保源图为矢量或高分辨率位图;三、启用无损缩放与高清导出;四、用@bounds标记自定义尺寸;五、禁用远程连接压缩。

如果您在使用PxCook导出2x、3x切图时发现图像模糊、边缘发虚或细节丢失,则很可能是由于切图基准设置不当、PS/Sketch源图层未适配高倍率输出,或导出流程中未启用无损缩放机制所致。以下是解决此问题的步骤:
一、确认设计稿分辨率与设备类型匹配
导出尺寸失真常源于PxCook中“设备类型”与“设计稿分辨率”的设定与原始画板物理尺寸不一致,导致系统错误缩放图层像素。必须确保所选分辨率与设计稿实际px宽度严格对应,否则1x基准错位将直接引发2x/3x切图采样偏差。
1、打开PxCook项目,进入画板编辑模式。
2、点击右上角“导出设置”或“偏好设置”按钮(图标为齿轮)。
3、在“设备类型”中选择与设计稿一致的平台,例如:iOS画板宽度为375px则选iOS;Android画板为360dp则选Android。
4、在“设计稿分辨率”中选择对应倍率,如375px宽的iOS画板应设为iOS 1x,而非2x或3x——该选项仅定义基准,非输出目标。
二、确保PS/Sketch中图层为矢量或高分辨率位图
模糊根源常始于源文件:若PS中图层为低像素位图(如10×10px图标直接放大至20×20px再标记切图),PxCook按比例生成2x/3x时会强制插值,造成不可逆模糊。必须保障原始图层具备足够像素余量或采用矢量形态。
1、在Photoshop中,右键点击待切图图层,选择“转换为智能对象”。
2、若图层含文字或形状,确认其图层样式未勾选“栅格化图层效果”,保持可缩放性。
3、在Sketch中,优先使用Symbol或矢量路径绘制图标,避免导入已压缩的PNG素材。
4、对必须使用的位图,原始尺寸应≥目标3x尺寸(例如需导出3x为90×90px,则源图至少为90×90px,不可用30×30px拉伸)。
三、启用PxCook高清导出与无损缩放开关
PxCook 3.9.960及以上版本内置无损缩放引擎,但默认可能关闭。该功能可使图层在生成多倍率切图时跳过模糊插值,直接按整数倍像素复制或精确重采样,杜绝中间缩放损失。
1、在PxCook主界面点击“编辑”→“偏好设置”。
2、切换至“导出”标签页。
3、勾选“启用无损缩放”与“导出高清标注图”两项。
4、在“切图质量”下拉菜单中,选择“最高(PNG无压缩)”而非JPEG或“标准”。
四、使用@bounds标记自定义高清切图尺寸
当标准自动缩放仍无法满足精度要求(如需固定输出200×200px的3x图),可通过@bounds命名规则强制锁定输出尺寸,绕过PxCook默认缩放逻辑,实现像素级精准控制。
1、在Photoshop中新建一个形状图层,使用矩形工具绘制目标尺寸区域(如200×200px)。
2、将该形状图层重命名为@bounds,并拖拽至待切图图层上方或下方。
3、将@bounds图层与待切图图层一同编组(Ctrl+G),组名任意。
4、右键该图层组,选择“标记为切图”,保存PSD后同步至PxCook,导出结果即为严格200×200px的1x图,并自动扩展为400×400px(2x)、600×600px(3x)。
五、禁用远程连接中的压缩中继环节
部分用户启用PS远程连接时,PxCook后台通过中间代理传输图层数据,若网络链路启用图像压缩优化,会导致传输过程中像素信息丢失,表现为切图整体泛灰、锐度下降。须关闭该链路所有压缩行为。
1、在Photoshop中,进入“编辑”→“首选项”→“性能”,将“图形处理器设置”中“使用图形处理器”设为启用。
2、在PxCook中,进入“设置”→“远程连接”,取消勾选“启用网络传输压缩”与“自动适配低带宽模式”。
3、重启Photoshop与PxCook,重新建立远程连接。

















