讲师中心 微信公众号
AI工具推荐 视频效率加速

Pixso如何使用切片工具_框选导出区域指定切图范围大小【切片】

冬墨酱_8248

冬墨酱_8248

发布时间:2026-05-14 20:49:07

|

306人浏览过

|

来源于php中文网

原创

Pixso中可借助切片工具将UI设计特定区域精确导出为图片或PDF:一、手动绘制切片;二、图层转切片;三、数值精调位置尺寸;四、参考线辅助定位;五、导出PDF。

pixso如何使用切片工具_框选导出区域指定切图范围大小【切片】

如果您在Pixso中已完成UI设计,但需要将特定区域精确提取为独立图片资源供开发使用,则需借助切片工具框选导出范围。以下是实现该目标的多种操作路径:

一、使用顶部工具栏启动切片并手动绘制区域

该方法适用于对任意不规则或非图层对齐区域进行精准控制,通过鼠标拖拽定义矩形切片边界,支持后续数值微调与多倍率导出设置。

1、点击Pixso顶部工具栏中的「切片」图标(或按快捷键S)。

2、在画布上按住鼠标左键拖动,绘制覆盖目标内容的矩形区域。

3、松开鼠标后,该区域自动转为可编辑切片,右侧属性面板显示「导出」设置项。

4、在「导出」区域点击「+」号,添加所需倍率(如@2x、@3x、0.5x等)及格式(PNG、JPEG、SVG)。

5、勾选「修剪透明像素」以去除切片内空白边缘。

6、右键切片区域,选择「导出切片」,或点击右侧面板底部的「导出」按钮执行导出。

二、基于图层或对象自动生成切片

该方法适用于图层结构清晰、需批量处理图标或组件的场景,系统会依据所选图层的实际轮廓自动生成贴合边界的切片,避免手动框选误差。

1、在图层面板中按住Ctrl(Windows)或 Command(Mac)键,多选需导出的图层或对象。

2、右键任意所选图层,在弹出菜单中选择「转换为切片」。

3、切片自动生成并包裹所有选中图层的外接矩形范围,右侧属性面板同步激活导出配置。

4、在「导出」设置中点击「+」号,添加多个导出规格(例如同时添加@2x PNG与@3x PNG)。

5、确认已启用「修剪透明像素」选项。

6、点击右侧面板底部的「导出」按钮,或右键切片选择「导出切片」完成输出。

三、通过数值输入精确设定切片尺寸与位置

该方法适用于需严格匹配标注规范或适配特定设备分辨率的切图任务,支持直接输入X/Y坐标、宽高值,确保切片边界零误差。

1、使用工具栏「切片」工具在画布上单击创建一个初始切片。

2、选中该切片,在右侧属性面板中找到「位置」与「大小」字段。

3、手动输入X、Y坐标值设定切片左上角起点位置。

科学计算器在线使用工具代码
科学计算器在线使用工具代码

html5 css3制作在线科学计算器ui布局,3D计算器面板,加减乘除数字计算器工具特效。

下载

4、输入W(宽度)与H(高度)数值,精确控制切图范围大小。

5、在「导出」区域点击「+」号,选择预设平台属性(如iOS @2x、Android XXHDPI)或自定义倍率。

6、勾选「背景色」关闭项以确保导出透明背景(如需)。

7、点击「导出」按钮执行导出操作。

四、结合参考线与智能吸附辅助切片定位

该方法适用于需对齐网格、安全边距或与其他元素保持固定间距的切图场景,利用Pixso内置参考线系统提升框选精度。

1、点击顶部菜单「视图」→「显示参考线」,启用参考线显示。

2、拖动标尺生成垂直/水平参考线,或使用「视图」→「新建参考线」输入精确位置值。

3、启用「智能吸附」(默认开启),确保切片边缘在拖动时自动对齐参考线与图层边界。

4、使用「切片」工具拖拽绘制区域,观察边缘是否吸附至目标参考线。

5、调整切片大小后,在右侧导出设置中点击「+」号添加导出规格。

6、启用「修剪透明像素」并取消勾选「背景色」(如适用)。

7、右键切片区域,选择「导出切片」完成导出。

五、使用切片工具导出指定区域PDF文件

该方法适用于交付设计说明、局部交互示意或静态评审材料,可将任意框选区域直接生成PDF格式文档,保留矢量清晰度。

1、点击顶部工具栏「切片」工具(或按快捷键S)。

2、在画布上拖动鼠标框选需导出为PDF的区域。

3、右键该切片区域,在上下文菜单中选择「导出切片」。

4、在弹出的导出窗口中,将格式下拉菜单切换为「PDF」。

5、确认导出路径与文件名,点击「导出」按钮。

热门AI工具

更多
立刻MV
立刻MV Hot

立刻MV是一款AI文本写作工具,AI 音乐视频(MV)创作工具。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

墨刀AI
墨刀AI Hot

一款AI图像与设计工具,主要用于产品经理的专属智能体,适合需要提升相关任务效率的用户。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

超级简历WonderCV

一款AI办公效率工具,主要用于免费求职简历模版下载制作,应届生职场人必备简历制作神器,适合需要提升相关任务效率的用户。

UpDream
UpDream Hot

一款AI视频创作工具,主要用于哔哩哔哩推出的自研AI视频创作工具,适合需要提升相关任务效率的用户。

咔片AIPPT

一款在线AI演示文稿制作工具,可根据主题和内容需求辅助生成PPT结构与页面,提高演示材料制作效率。

UP简历
UP简历 Hot

一款AI办公效率工具,主要用于基于AI技术的免费在线简历制作工具,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

相关专题

更多
go语言 数组和切片
go语言 数组和切片

本专题整合了go语言数组和切片的区别与含义,阅读专题下面的文章了解更多详细内容。

1732

2025.09.03

OpenJDK JVM参数怎么调优
OpenJDK JVM参数怎么调优

Java应用运行缓慢,如何调整JVM参数?本专题介绍OpenJDK JVM性能调优的基本流程,涵盖性能指标确认、运行数据采集、内存配置和垃圾回收分析,帮助你先定位瓶颈,再通过对照测试验证效果,避免直接套用参数而影响应用稳定性。

0

2026.10.16

OpenJDK怎么配置Java开发环境
OpenJDK怎么配置Java开发环境

怎样用OpenJDK搭建开发环境?本专题介绍版本选择、下载安装、环境变量配置和编译运行验证,帮助你理清JDK的作用及基本配置流程,并通过简单程序检查环境是否可用,为后续项目开发做好准备。

0

2026.10.16

OpenJDK怎么部署Java应用
OpenJDK怎么部署Java应用

Java项目开发完成后,怎样部署到目标环境并正常运行?本专题介绍OpenJDK应用部署流程,涵盖运行环境准备、版本兼容检查、应用打包、启动参数配置和日志查看,帮助你理清部署前后的操作顺序,减少环境差异造成的运行问题。

0

2026.10.16

Revel框架模板渲染与表单验证
Revel框架模板渲染与表单验证

本专题围绕Revel框架视图层开发,介绍模板语法、变量输出、布局复用、表单提交、参数绑定与验证规则,帮助开发者完成安全规范的页面交互。

0

2026.10.16

Revel框架MVC路由与控制器
Revel框架MVC路由与控制器

本专题聚焦Revel框架MVC核心机制,讲解路由定义、控制器Action、参数绑定、请求响应和反向路由,并结合常见场景梳理接口请求处理流程。

0

2026.10.16

Revel框架入门与安装配置
Revel框架入门与安装配置

本专题从Revel框架环境搭建讲起,系统介绍命令行工具安装、项目创建、目录结构、配置文件及热代码重载,帮助开发者快速完成首个Go Web应用。

0

2026.10.16

Linux 新手先学哪些命令
Linux 新手先学哪些命令

Linux新手命令专题汇集终端基础、文件目录操作、文本查看、软件安装和权限管理等入门文章,帮助按实际任务练习常用命令并建立命令行操作习惯。

0

2026.10.15

MySQL 忘记密码怎么办
MySQL 忘记密码怎么办

MySQL忘记密码专题汇集不同版本与系统下的root密码重置方法,覆盖MySQL 5.7、8.0、Mac、Linux及本地集成环境,并提示恢复权限与重新登录的检查步骤。

0

2026.10.15

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
JDK 27官方文档
JDK 27官方文档

共0课时 | 0人学习

LLVM入门手册
LLVM入门手册

共0课时 | 0人学习

Buffalo框架快速入门指南
Buffalo框架快速入门指南

共0课时 | 0人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn