在 Windows 上为 Sketch 文件切图，可以先把本地 .sketch 文件导入 Pixso 工作台，打开后选中需要的图层或画板，在右侧「导出」中设置格式和倍率，再下载图片。导入后即可导出资源，不需要先转换为 XD。要透明位图选 PNG，要保留矢量路径可选 SVG；SVG 使用 1× 导出。
收到同事的 Sketch 设计稿，需要在 Windows 浏览器里查看图层、导出素材并交付研发时，可以使用 Pixso 的跨平台设计与协作。下面沿着导入、选范围、设格式和交付的顺序操作。
1. 导入 Sketch 文件，选对需要切图的范围
从工作台导入，不必转换中间格式
打开 Pixso 工作台，点击「导入文件」，选择本地的 Sketch 文件。也可以将 .sketch 文件直接拖到工作台中，等待导入完成后打开。这里拖入的是工作台，不是编辑器画布。
先找到准备交付的画板，检查文字、图片和主要图层是否完整。若出现字体缺失、文字换行变化或图片遗漏，先处理这些问题再导出，否则切图会把错误一起保存。保留原始 Sketch 文件，便于对照导入前后的效果。
图层、画板和切片分别解决什么问题
同一页里需要交付的资源不同，选择范围也不同。下面的设计稿包含照片、地图和界面元素：只需要某个图标时，应选中对应图层；需要整页预览时，再选整个画板。
- 导出图层：适合单独交付图标、照片或插画。先在图层面板中确认选中的对象，避免误选外层容器或只选中组合中的一部分。
- 导出画板：适合交付整页效果图。它把画板范围内的内容输出成图片，不能代替研发需要的独立图标和素材。
- 使用切片：适合按指定矩形范围截取画布区域。调整边界时留意阴影、外描边和必要的透明边距，避免图形被切掉。
确认目标后，在右侧面板找到「导出」，点击「+」添加设置。每一项设置对应一种格式和倍率；需要批量交付多个独立资源时，分别为这些图层添加导出设置，再选中它们，点击「导出已选项」。先试导出一个代表性资源，确认范围正确后再批量处理。
2. PNG 和 SVG 怎么选，倍率设多少
PNG 适合位图，SVG 适合矢量资源
PNG适合界面截图、插画和需要透明背景的资源。照片也能导出为 PNG，但通常要留意文件体积。它有固定的像素尺寸；无损压缩不等于可以无限放大，也不会补回低清原图已经缺失的细节。
SVG适合图标、Logo 等矢量图形。Pixso 的 SVG 导出仅支持 1×。如果原图层里包含照片或其他位图，改选 SVG 并不会把这些内容变成矢量。复杂渐变、模糊等效果也要检查：背景模糊不会导出到 SVG，角度或菱形渐变会转为径向渐变；文字默认转为形状，导出后不再是可直接改字的文本层。
因此，同一页面可以把照片或复杂插画交付为位图，把简单矢量图标交付为 SVG，不必所有资源采用同一种格式。完整格式说明可查看 Pixso 导出文件指南。
先确认原尺寸，再选择 1×、2× 或 3×
PNG 的导出倍率作用于所选对象的尺寸。例如，一个 24 × 24 的图标，1× 导出为 24 × 24 px，2× 为 48 × 48 px，3× 为 72 × 72 px。如果画布上的对象本身已经按两倍尺寸制作，再选 2× 就会继续放大，交付前应先和研发确认设计尺寸的基准。
Pixso 的导出区域提供 iOS、Android 和 Web 预设，可以快速添加对应的导出项。选择后仍要查看具体格式和倍率，保留项目实际需要的资源规格；不要把三种预设都加入同一个对象。SVG 不套用 PNG 的多倍率规则。
透明背景要同时检查导出对象
选择 PNG 后，如果目标本身带有背景，导出结果仍可能有底色。使用切片时，可在右侧导出区域取消「背景色」；导出画板时，可在填充区域取消「显示在切图中」。这两个设置对应不同对象，不需要为了透明切图把设计稿中的背景图层一律删除。
导出后打开下载的原文件，核对像素宽高、透明边缘和裁切范围。图片查看器的白底不一定代表文件不透明，可以换到深色背景下确认。切片与画板背景的具体设置见 切图帮助。
3. 将标注、样式和资源一起交付给前端
切图文件说明“需要使用哪张图片”，设计稿中的标注说明“它放在哪里、占多大”。在 Pixso 中选中设计元素，可以查看尺寸、位置、填充、文字等属性；下图选中了地图页面的一个图层，右侧展示对应的尺寸和样式信息。核对间距时，也可以使用 Alt/Option 辅助查看对象与周边元素的距离。
需要复制样式值时，使用代码区域的复制入口。它适合传递颜色、字号和尺寸等设计信息；前端仍需结合项目的布局、组件和交互实现页面，不能把这段样式代码当成完整业务页面。
分享设计稿时，同时确认研发成员具备文件访问权限，并指出本次交付的页面和资源。资源包中保留清楚的文件名、格式与倍率；同一图标的默认、选中等状态不要使用难以区分的名称。更完整的资源命名与平台尺寸规则，可以继续阅读 UI 切图的尺寸、格式与命名方法。
设计稿修改后，研发可以回到同一文件查看最新属性；已经下载的 PNG、SVG，以及项目代码仓库里的资源不会自动替换。涉及图片内容、尺寸或状态的变更，要重新导出并更新相应资源，同时说明哪些文件发生了变化。
4. 导出后不对，先检查这几处
- 图片里多出整页背景：先确认选中的是图层、画板还是切片，再检查对应背景设置。需要单个图标时，不要直接导出整个画板。
- 切图模糊或尺寸过大：查看源对象尺寸、原图片清晰度和导出倍率。高倍率只能增加输出像素，不能恢复低清图片的细节；已按大尺寸制作的对象也不必重复放大。
- 阴影或边缘被裁掉：查看切片边界与对象范围，确认是否包含所需阴影、外描边和透明边距。重新导出后对照原稿检查，不只看缩略图。
- SVG 与画布效果不同：检查背景模糊、复杂渐变、文字与内嵌位图。不能保留为合适矢量资源的效果，可按实际用途改用 PNG，同时保留可编辑设计稿。
- 批量导出卡住或出现限制提示：先缩小选区、单独导出一个对象，再降低不必要的倍率或拆分复杂内容；关闭多余浏览器标签页。不要反复把整份大型文件作为同一个导出目标。
完成交付前，用一张切图和对应设计图层核对一次：资源尺寸符合约定，背景和边缘正确，标注能说明位置，研发能打开所分享的文件。确认这条流程后，再按同样的规则处理其余资源。
