Sketch 中，将画布尺寸放大至原图两倍，调整元素位置与大小适配新尺寸后，按常规流程导出即为二
是在Sketch中将一倍图导出为二倍图的详细操作步骤及注意事项：
（图片来源网络，侵删）
通过Scale比例尺工具批量转换
- 打开文件并定位目标画板：启动Sketch软件，加载包含一倍图（如W375×H667px）的设计稿,建议先确认当前画板的尺寸是否符合标准移动端适配规范；
- 启用缩放功能：选中需要转换的画板后，在工具栏找到「Scale」按钮并点击,此时会弹出比例设置窗口；
- 设置200%缩放比例：将滑块拖动至200%，系统会自动计算新尺寸（即原尺寸的两倍）,此操作基于矢量特性保证图形清晰度不受损失；
- 执行确认生成二倍图：点击完成按钮后，所有元素包括文字、形状等都将按比例放大,形成适配Retina屏幕的高分辨率版本。
利用切片与导出预设功能
若需单独导出特定组件（如图标），可采用更灵活的方式： | 步骤 | 操作描述 | 作用 | |------|----------|------| | 创建可导出图层 | 选中目标对象→右键选择“Make Exportable”，或在检查器底部勾选对应选项 | 标记该图层为可独立导出项 | | 添加多倍率配置 | 点击检查器中的“+”号，新增一条带有@2x前缀的导出规则 | 自动生成二倍尺寸的版本 | | 批量导出资源 | 进入菜单栏「文件>导出...」，选择已配置好的切片进行批量输出 | 支持同时导出多个格式（PNG/SVG等） |
特别提示：当导出切片时，可通过命名规范管理不同倍数的图片，例如命名为icon@1x.png和icon@2x.png,便于开发团队直接调用。
高级技巧与常见问题规避
- 保持视觉一致性的处理逻辑：对于非矢量元素（如位图填充）,建议提前用2倍尺寸制作素材以避免放大后模糊；
- 跨平台兼容性优化：iOS设计通常以@2x作为标准高清显示方案，而Android可能需要额外适配1.5倍率,可在预置设置中预先定义多套断点；
- 性能损耗控制：频繁缩放可能导致锚点偏移,建议使用分组锁定功能固定关键元素的相对位置；
- 标注同步更新：启用Zeplin插件后，缩放后的组件会自动更新CSS样式数值,确保开发侧获取准确的代码参数。
FAQs
Q1：为什么导出的二倍图边缘出现锯齿？
A：这是由于原始图形使用了抗锯齿效果导致的，解决方法是转为纯矢量路径重新描边，或在导出时选择SVG格式保留可缩放特性，若必须使用位图,则应在初始绘制时就采用整数像素对齐原则。
Q2：如何验证导出图片的实际像素是否正确？
A：可通过第三方工具（如Photoshop）打开导出的文件，查看图像尺寸是否达到预期值，一个正确的@2x图标应显示为750×1334像素而非其他异常数值,Sketch内置的像素网格辅助线也能帮助可视化验证。
（图片来源网络，侵删）
Sketch提供了多种高效的方式实现一倍图到二倍图的转换，设计师可根据项目需求选择合适的工作流程，无论是通过整体画板缩放还是精准的切片导出，都能确保多分辨率下的视觉保真度
（图片来源网络，侵删）
