批量比例调整
智能比例调整 · 支持批量生成和自定义裁剪
快速上手
1
上传图片
操作：点击左侧“上传图片”按钮，选择单张模式（可多选）或文件夹模式（上传整个文件夹）。
效果：上传后下方显示图片缩略图清单，首张图片的原始尺寸和最简比例自动显示在参数区，作为参考。
效果：上传后下方显示图片缩略图清单，首张图片的原始尺寸和最简比例自动显示在参数区，作为参考。
2
选择比例
操作：从预设比例（1:1、16:9等）中勾选，或在“自定义比例”区域输入宽高或直接输入比例（如21:9）。
效果：选1个比例则每张图生成1张，选多个则每张图生成多张（如原图×3个比例）。已选比例会以标签形式显示，可单独删除。
效果：选1个比例则每张图生成1张，选多个则每张图生成多张（如原图×3个比例）。已选比例会以标签形式显示，可单独删除。
3
批量生成
操作：点击橙色“批量生成”按钮。
效果：系统采用并发机制（每次同时处理4张图）进行裁剪/填充，速度提升3-4倍，界面流畅不卡顿。
效果：系统采用并发机制（每次同时处理4张图）进行裁剪/填充，速度提升3-4倍，界面流畅不卡顿。
4
下载图片
操作：勾选需要的图片，点击“下载选中”；或点击“打包下载”按比例分文件夹下载全部。
效果：下载的ZIP包内按比例创建子文件夹（如1:1、16:9），图片保存在对应文件夹中。
效果：下载的ZIP包内按比例创建子文件夹（如1:1、16:9），图片保存在对应文件夹中。
参数设定
原尺寸比例参考
原始尺寸
自动显示第一张图片的原始尺寸，如 1920 x 1080
最简比例
自动计算最简比例，如 1920:1080 → 16:9
预设比例
| 比例 | 适用场景 |
|---|---|
| 1:1 | 正方形、社交媒体头像 |
| 3:4 | 竖版照片、经典比例 |
| 4:3 | 横版照片、显示器 |
| 16:9 | 宽屏视频、电视 |
| 9:16 | 竖屏短视频 |
| 2:3 | 照片冲印 |
| 3:2 | 照片冲印 |
| 1:1.91 | 社交媒体链接预览 |
全选 清空
自定义比例
双输入框
分别输入宽度和高度，自动简化为最简比例，如 1920:1080 → 16:9
单输入框
直接输入比例，支持 16:9、1.5:1、2.35:1、1:1.85 等多种格式
已选比例管理
1:1 预设 21:9 自定义
自动适配
重命名规则
文件名前缀
输入自定义前缀，如 Solynx、Product。留空则保留原文件名。
序号设置
起始数字：从第几个开始编号；位数：1-4位序号。
# 命名示例
原图：vacation.jpg
规则：前缀"Solynx"，起始1，位数3
生成：Solynx_001_16-9.png
原图：vacation.jpg
规则：前缀"Solynx"，起始1，位数3
生成：Solynx_001_16-9.png
生成与下载
批量生成
批量生成
图片操作按钮
原图 裁剪 下载 剔除
三种下载模式
批量生成 下载选中 打包下载
# 打包下载文件结构
batch-20240312.zip
├── 1-1/
│ ├── Solynx_001_1-1.png
│ └── Solynx_002_1-1.png
├── 3-4/
│ ├── Solynx_001_3-4.png
│ └── Solynx_002_3-4.png
└── 16-9/
├── Solynx_001_16-9.png
└── Solynx_002_16-9.png
batch-20240312.zip
├── 1-1/
│ ├── Solynx_001_1-1.png
│ └── Solynx_002_1-1.png
├── 3-4/
│ ├── Solynx_001_3-4.png
│ └── Solynx_002_3-4.png
└── 16-9/
├── Solynx_001_16-9.png
└── Solynx_002_16-9.png
自定义裁剪
1
进入裁剪模式
点击任意预览图下方的“裁剪”按钮
2
选择裁剪比例
点击预设比例按钮快速切换，或在输入框中输入自定义比例（如21:9）后点击“应用”
3
调整裁剪区域
鼠标拖动移动裁剪框，拖动边角调整大小，滚轮缩放图片，Ctrl+拖动移动图片
4
应用裁剪
点击“应用裁剪”确认，系统基于原图重新生成裁剪后的图片，预览图自动更新并标记“(已自定义)”
更新日志 v2.0.0
🚀 性能优化
- 生成速度提升3-4倍：采用分批并发处理机制，每次同时处理4个任务
- 界面流畅度优化：每批处理后让出主线程，避免UI卡顿
- 内存管理优化：合理控制并发数，避免内存溢出风险
🎨 界面优化
- 新增“参数设定”大框：右侧所有设置项整合到统一的紫色边框大框中，带有悬浮标题
- 四栏布局优化：原尺寸 | 预设比例 | 自定义比例 | 已选比例，布局更合理
- 预览区域保留位置：即使没有生成图片，也显示占位框，避免界面跳动
- 按钮改名：“下载包” → “打包下载”，命名更直观
✨ 功能完善
- 裁剪功能完善：支持预设比例切换和自定义比例输入
- 批量生成优化：完善错误处理，单张图片失败不影响整体生成
- 下载功能增强：支持单张下载、选中下载、打包下载三种方式
长图拼接
多文件夹批量拼接 · 固定图+循环图 · 智能高度预警
快速上手 · 五步完成批量拼接
1
添加固定图片（可选）
操作：点击「添加固定图片」按钮，可多次上传需要固定插入的图片（如品牌LOGO、水印、尺标）。在卡片中设置插入位置：「第N张」或「倒数第N张」。
效果：每张固定图片会出现在每一组拼接结果的指定位置，实现统一的品牌标识或水印。
效果：每张固定图片会出现在每一组拼接结果的指定位置，实现统一的品牌标识或水印。
2
选择循环文件夹
操作：点击左侧「添加文件夹」卡片，在弹出的文件选择器中可以同时选中多个文件夹（按住Ctrl多选）。
效果：系统会自动扫描所有选中文件夹，并找出其中最深层的子文件夹（即没有子文件夹的文件夹）。每个最深子文件夹内的图片将作为一组独立拼接成一张长图。
效果：系统会自动扫描所有选中文件夹，并找出其中最深层的子文件夹（即没有子文件夹的文件夹）。每个最深子文件夹内的图片将作为一组独立拼接成一张长图。
3
设置自定义名称与全局参数
操作：在右侧的文件夹列表中，点击某个文件夹，可以为其设置「自定义名称」。同时在上方设置全局前缀、起始序号、目标宽度、图片间距。
效果：自定义名称会用于最终生成的文件名，目标宽度决定所有图片缩放后的统一宽度（高度按比例自动计算）；图片间距控制拼接时图片之间的间隔像素。
效果：自定义名称会用于最终生成的文件名，目标宽度决定所有图片缩放后的统一宽度（高度按比例自动计算）；图片间距控制拼接时图片之间的间隔像素。
4
批量拼接与高度预警
操作：点击「批量拼接」按钮。
效果：系统开始逐组处理图片，同时实时计算每组图片拼接后的总高度。如果某组图片的预估高度超过浏览器Canvas的最大限制（32767px），顶部会立即显示预警提示，并自动禁用拼接按钮，防止生成失败。您可以根据提示点击「降低宽度」按钮快速调整参数。
效果：系统开始逐组处理图片，同时实时计算每组图片拼接后的总高度。如果某组图片的预估高度超过浏览器Canvas的最大限制（32767px），顶部会立即显示预警提示，并自动禁用拼接按钮，防止生成失败。您可以根据提示点击「降低宽度」按钮快速调整参数。
5
预览与下载
操作：拼接完成后，右侧结果列表会显示所有成功生成的长图缩略图。点击任意缩略图可预览大图，点击「下载当前图片」可单张保存，点击「打包下载ZIP」可将所有长图打包。
效果：打包下载的ZIP文件内，会按照每个文件夹的「自定义名称」创建子文件夹，图片保存在对应的子文件夹中，方便整理归档。
效果：打包下载的ZIP文件内，会按照每个文件夹的「自定义名称」创建子文件夹，图片保存在对应的子文件夹中，方便整理归档。
参数设定详解
固定图片设置
插入位置 · 第N张
输入数字1表示在第一张图片之前插入，2表示在第二张图片之前插入，以此类推。
固定图片会精确插入到每组图片的指定位置。
固定图片会精确插入到每组图片的指定位置。
插入位置 · 倒数第N张
输入1表示在最后一张图片之后插入，2表示在倒数第二张图片之后插入。
适合将固定图片放置在每组图片的末尾。
适合将固定图片放置在每组图片的末尾。
固定图片管理
每个固定图片卡片支持上传新图片、预览缩略图、删除该固定图片。
可随时增删固定图片，调整顺序。
可随时增删固定图片，调整顺序。
循环文件夹参数
| 参数 | 操作方式 | 产生效果 |
|---|---|---|
| 自定义名称 | 在右侧文件夹列表中，点击输入框修改 | 最终生成的文件名将使用该名称，例如“Solynx Ai_红色连衣裙_001.png”，便于区分不同款式/颜色。 |
| 全局前缀 | 在左侧“全局前缀设置”中输入 | 所有生成的文件名都会以此开头，用于品牌标识或活动名称。 |
| 起始序号 | 在左侧输入数字（默认1） | 第一张长图的序号，后续每组依次递增。例如起始1，第一组为001，第二组为002。 |
| 目标宽度 | 在底部“拼接参数”中输入像素值（默认790） | 所有图片将被等比例缩放到此宽度，高度自动计算。较小的宽度生成速度更快，文件更小；较大的宽度保留更多细节。 |
| 图片间距 | 在底部“拼接参数”中输入像素值（默认0） | 每组图片之间插入指定像素的空白间隔，使拼接后的长图有分割感，更适合查看。 |
智能高度预警机制
实时计算与预警
当您选择了文件夹或调整了目标宽度后，系统会自动计算当前选中文件夹内所有图片拼接后的预估高度。
如果高度超过30000px，预警条变为橙色；若超过32767px，预警条变为红色并禁用拼接按钮，防止生成过程中浏览器崩溃。
如果高度超过30000px，预警条变为橙色；若超过32767px，预警条变为红色并禁用拼接按钮，防止生成过程中浏览器崩溃。
一键降宽
当预警出现时，点击「降低宽度」按钮，系统会自动将当前目标宽度乘以0.8，并重新计算高度。
快速调整参数至安全范围，无需手动反复尝试。
快速调整参数至安全范围，无需手动反复尝试。
生成与下载
批量拼接按钮
点击后系统开始处理所有最深子文件夹，每处理完一组，结果列表就会新增一个条目。
处理过程中顶部会显示进度，处理完成后每个结果条目右侧显示成功或失败标识。
处理过程中顶部会显示进度，处理完成后每个结果条目右侧显示成功或失败标识。
打包下载ZIP
将所有成功拼接的长图打包成一个ZIP文件。
ZIP内部按文件夹的「自定义名称」建立子文件夹，每个子文件夹内是对应的长图。
ZIP内部按文件夹的「自定义名称」建立子文件夹，每个子文件夹内是对应的长图。
# 打包下载文件结构示例
batch-20250313.zip
├── 红色连衣裙/
│ └── Solynx Ai_红色连衣裙_001.png
├── 牛仔裤/
│ └── Solynx Ai_牛仔裤_001.png
batch-20250313.zip
├── 红色连衣裙/
│ └── Solynx Ai_红色连衣裙_001.png
├── 牛仔裤/
│ └── Solynx Ai_牛仔裤_001.png
长图拼接 · 技术优势与更新日志 v1.5.0
🧠 智能文件夹解析引擎
- 采用递归遍历算法，自动识别最深层的子文件夹，无需用户手动指定层级，支持任意深度的文件夹结构。
- 用户只需上传顶层文件夹，系统自动按品类/款式分组拼接，大幅降低操作复杂度。
- 使用缓存机制，重复选择同一文件夹时无需重新扫描，响应速度提升60%。
⚠️ 实时高度预警与动态调整
- 内置Canvas高度限制检测（32767px），实时计算每组的预估高度，误差控制在±2px以内。
- 在点击拼接前即可发现潜在的超限风险，避免因高度超限导致的拼接失败或浏览器崩溃。
- 提供「一键降宽」算法，自动将宽度乘以0.8并重新计算，直至高度安全，减少用户手动尝试次数。
↔️ 精细化间距控制
- 支持0-100px的像素级间距调整，拼接时在每两张图片之间精确插入指定像素的空白区域。
- 使拼接后的长图更具可读性，特别适合电商详情页中需要区分不同模块的场景。
🗑️ 文件夹级灵活管理
- 在右侧文件夹列表中，每个文件夹都带有独立的删除按钮，支持精准删除不需要的文件夹组。
- 无需重新上传整个文件夹，即可快速排除某些不需要拼接的款式，提高操作灵活性。
长图切割
按张数/高度智能切割 · 双向联动 · 稳定版
快速上手 · 四步切割
1
上传图片
选择“多张模式”或“文件夹模式”，上传长图。图片清单显示在左侧缩略图区域。
2
设定切割参数
输入张数（如10）或像素高度（如500px），两个输入框实时联动，修改一个另一个自动更新。
3
批量切割
点击“批量切割”，系统按顺序逐张处理，每张图切割成若干份。进度条实时显示进度。
4
下载切片
切割完成后，预览区按原图分组显示所有切片。可下载选中或打包下载（保持文件夹结构）。
切割模式
| 模式 | 计算逻辑 | 适用场景 |
|---|---|---|
| 按张数切割 | 每块高度 = 首张图片高度 / 份数（取整） | 需要固定输出数量的情况，如电商详情页切成10屏 |
| 按高度切割 | 份数 = ceil(首张图片高度 / 输入高度)，最后一块可能略矮 | 需要每块高度大致相等 |
重命名规则
文件名前缀
自定义前缀，如“Solynx Ai_”
序号设置
起始数字、位数（2/3/4位），每张原图独立编号
# 命名示例
原图：vacation.jpg
生成：Solynx Ai_vacation_001.png, Solynx Ai_vacation_002.png
原图：vacation.jpg
生成：Solynx Ai_vacation_001.png, Solynx Ai_vacation_002.png
# 打包下载结构（文件夹模式）
slices_20250313.zip
├── vacation/
│ ├── Solynx Ai_vacation_001.png
│ └── Solynx Ai_vacation_002.png
slices_20250313.zip
├── vacation/
│ ├── Solynx Ai_vacation_001.png
│ └── Solynx Ai_vacation_002.png
更新日志 v2.0.0
🔄 双向联动切割
- 张数与高度输入框实时联动，修改一个另一个自动计算。
⚡ 稳定处理
- 顺序处理+分批让出主线程，处理大量图片时界面不卡死。
- 进度条实时反馈。
图片分割
自定义分割线 · 单图/全局模式 · 支持行列分割 · 智能切片
快速上手 · 四步完成图片分割
1
上传图片
点击「多张」或「文件夹」上传图片。支持批量上传，图片列表显示在左侧文件列表面板。
2
设置分割参数
在右侧参数面板调整「行数」「列数」「行高度」。行数和行高度双向联动，修改任意一个另一个自动计算。也可通过「方向」按钮选择“行分割”或“列分割”。
3
添加/调整分割线
在预览画布上点击鼠标左键添加红色分割线（行模式为水平线，列模式为垂直线）。点击已有分割线即可删除。支持「单图模式」仅修改当前图片，或「全局模式」同步应用到所有图片。
4
下载切片
点击「下载选中」或「打包下载」，将切片保存为ZIP压缩包。支持为切片自定义命名前缀和起始序号。
参数设定详解
行数 / 行高度
「行数」将图片垂直方向分成指定行数；「行高度」指定每行的大致高度，系统自动计算行数。两者双向联动，实时更新分割线。
列数
将图片在水平方向分成指定列数，生成「行数 × 列数」个切片。列分割线同样支持点击添加/删除。
单图 / 全局模式
「单图模式」只对当前选中图片生效；「全局模式」将当前分割线同步到所有图片，适合批量统一分割。
重命名规则
自定义前缀和起始序号，切片文件名格式如“cut_001.png”。
生成与下载
等分行列
重置分割线
下载选中
打包下载
# 打包下载结构示例
all_slices_20250313.zip
├── image1/
│ ├── cut_001.png
│ └── cut_002.png
└── image2/
├── cut_001.png
└── cut_002.png
all_slices_20250313.zip
├── image1/
│ ├── cut_001.png
│ └── cut_002.png
└── image2/
├── cut_001.png
└── cut_002.png
图片分割 · 技术优势与更新日志 v1.0.0
🎯 精准分割线控制
- 支持点击画布添加分割线，再次点击删除，操作直观。
- 行/列分割模式独立切换，灵活应对不同需求。
- 分割线位置实时显示，支持等分行列一键设置。
🌍 全局同步模式
- 「单图模式」独立调整每张图片的分割线。
- 「全局模式」一键同步所有图片，大幅提升批量处理效率。
- 模式切换时自动保存当前图片的分割线状态。
⚡ 高性能切片生成
- 采用Canvas切片算法，支持大图快速切割。
- 切片实时预览，点击即可放大查看。
- 支持选中部分切片下载，或打包全部。
图片标记
涂抹标注 · 序号标记 · 智能压感 · 无损导出
快速上手 · 四步完成图片标记
1
上传图片
点击左上角「上传图片」按钮，选择需要标记的图片。支持Ctrl+V粘贴图片上传。
2
选择标记模式
点击「涂抹」或「序号」模式切换按钮。「涂抹」模式下可用画笔绘制彩色轨迹；「序号」模式下单击鼠标左键可添加带圈数字序号（①、②、③...）。
3
调整画笔样式
点击色块选择颜色（红/绿/蓝/黄/紫/橙），拖动滑块调整画笔大小（4-60px）。「序号」模式下，序号大小和颜色为固定样式（蓝色圆圈+黑色数字）。
4
编辑与导出
使用「撤销」按钮或Ctrl+Z快捷键撤销上一步操作；点击「清除」可清除当前模式下的所有标记；右键单击序号可删除该序号并自动重新排序；完成标记后点击「下载图片」或「复制图片」。下载的图片为原始尺寸，标记以无损PNG格式保存。
参数设定详解
色块选择
6种预设色块（红、绿、蓝、黄、紫、橙），当前选中色块会放大显示并带有深色边框，「涂抹」模式的画笔颜色即时切换。
画笔大小
拖动滑块（4-60px），右侧实时显示当前数值。「涂抹」模式的笔触粗细实时变化。
| 模式 | 激活方式 | 鼠标操作 | 效果 |
|---|---|---|---|
| 涂抹模式 | 点击「涂抹」按钮 | 左键拖动画笔 | 在画布上绘制彩色轨迹，适合高亮、标注区域 |
| 序号模式 | 点击「序号」按钮 | 左键单击添加序号 | 在点击位置生成带圈数字，自动递增（①,②,③...），右键单击可删除该序号 |
智能功能详解
20步历史记录
系统自动保存最近20次操作（包括涂抹和序号添加/删除）。可通过「撤销」按钮或Ctrl+Z逐步回退。
智能序号管理
每次添加新序号，数字自动递增，支持1-10显示为带圈字符（①-⑩），10以上显示为⓿。右键删除序号后剩余序号自动重新排序，始终保持连续。
# 导出命名规则
导出文件自动命名为「Solynx Ai Mark_时间戳.png」
导出文件自动命名为「Solynx Ai Mark_时间戳.png」
图片标记 · 技术优势与更新日志 v1.0.0
🎨 双模式标记引擎
- 采用双图层分离技术，原始图像与标记图层独立存储，支持无损撤销和实时合成。
- 涂抹痕迹和序号互不干扰，任意修改都不会损坏原始图片质量。
🔢 智能序号系统
- 内置带圈字符映射表（①-⑩），超过10自动转换为⓿，并支持右键删除后自动重排。
- 序号始终保持连续，无需手动调整，提高标注效率。
📐 智能缩放与无损导出
- 上传时自动检测图片尺寸，超过2000x2000时等比缩放预览，但导出时使用原始尺寸重新合成。
- 预览流畅不卡顿，导出图片保留原始高清画质。
LOGO合成
单张/文件夹模式 · 位置/大小预设 · 缓存加速
快速上手
1
上传图片
切换“单张模式”（多选文件）或“文件夹模式”（上传文件夹，自动保留子目录结构）。
2
上传LOGO
点击「选择Logo」按钮，上传LOGO图片（建议PNG格式以保留透明背景）。
3
设置合成参数
尺寸模式（比例/固定）、位置（X/Y轴模式+百分比，支持预设九宫格）、重命名规则。
4
预览与下载
点击「预览合成」，系统采用多线程并发处理。完成后可单张下载或打包下载（保留原目录结构）。
参数设定
LOGO尺寸模式
比例模式
基于图片最小边的百分比计算LOGO尺寸，适合不同尺寸图片保持相对大小。
固定模式
直接指定LOGO宽度（像素），高度等比例缩放。
位置控制
| 参数 | 说明 | 效果 |
|---|---|---|
| X轴模式 | 从左/从右：边距为距离左边/右边界的百分比 | 控制LOGO的水平位置。“从左5%”表示LOGO左上角距离左边界5%图片宽度；“从右5%”表示距离右边界5%图片宽度。 |
| Y轴模式 | 从上/从下：边距为上/下边界的百分比 | 控制LOGO的垂直位置。“从上5%”表示距离上边界5%图片高度；“从下5%”表示距离下边界5%图片高度。 |
| 预设按钮 | 左上、右上、左下、右下、居中 | 一键设置常用位置。 |
# 格式：前缀_序号.png
例如：Logo+Solynx_001.png（起始序号、位数可设）
例如：Logo+Solynx_001.png（起始序号、位数可设）
LOGO合成 · 技术优势与更新日志 v1.8.0
🗂️ 文件夹模式
- 支持上传整个文件夹，自动遍历子目录并保留层级结构，下载ZIP时完整还原。
⚡ 多线程并发
- 采用Scheduler并发控制，同时处理4张图，且根据图片复杂度动态调整优先级。
- 批量处理速度提升3-4倍，且界面不卡顿。
📍 九宫格预设
- 内置左上、右上、左下、右下、居中五个常用位置预设，点击自动计算边距百分比。
文件重命名
双模式上传 · 排序规则 · 实时预览 · 打包下载
快速上手
1
选择上传模式
单张模式（可多选图片）或文件夹模式（上传整个文件夹，自动保留子文件夹结构）。
2
设置排序规则
选择按文件名或按修改日期排序，并选择顺序或倒序。预览区会实时刷新。
3
配置命名规则
输入自定义前缀，设置起始序号和位数。预览区每张图片下方会显示新文件名。
4
下载ZIP包
点击“下载ZIP”，系统按新文件名打包所有文件。文件夹模式下ZIP内保持原目录结构。
排序与命名
排序规则
按文件名
按照文件名的字典序排序
按修改日期
按照文件的最后修改时间排序
顺序/倒序
顺序：从小到大/从旧到新；倒序：从大到小/从新到旧
命名规则
| 参数 | 说明 | 示例 |
|---|---|---|
| 前缀 | 自定义文字，可包含空格 | “Solynx Ai” |
| 起始序号 | 第一张图片的序号，后续依次+1 | 1 |
| 位数 | 序号填充的位数，不足补零 | 3位 → 001 |
| 最终格式 | 前缀 + 空格 + 序号 + 原扩展名 | Solynx Ai 001.jpg |
# 文件夹模式打包结构
Solynx Ai_重命名_20250313.zip
├── 上衣/
│ ├── Solynx Ai 001.jpg
│ └── Solynx Ai 002.png
└── 裤子/
└── Solynx Ai 001.jpg
Solynx Ai_重命名_20250313.zip
├── 上衣/
│ ├── Solynx Ai 001.jpg
│ └── Solynx Ai 002.png
└── 裤子/
└── Solynx Ai 001.jpg
文件重命名 · 技术优势与更新日志 v1.3.0
👁️ 实时预览
- 修改任何规则，预览区立即显示新文件名，避免出错。
📁 文件夹模式支持树形显示
- 左侧显示子文件夹树，可单独删除某个子文件夹。
图片缩放
单张/文件夹模式 · 保持比例 · 平滑/像素模式
快速上手
1
上传图片
切换“单张模式”或“文件夹模式”，上传图片。文件网格中会显示每张图的缩略图和尺寸。
2
设置缩放尺寸
点击1K(1024)、2K(2048)、4K(4096)快速应用，或在宽度/高度输入框手动输入，勾选“保持比例”后另一项自动计算。
3
选择渲染模式
平滑模式适合照片、商品图；像素模式适合图标、像素艺术，保持边缘锐利。
4
下载
点击“下载单张”保存当前预览图，或点击“打包下载”将所有缩放后的图片打包（文件夹模式下保留结构）。
缩放参数
保持比例逻辑
基于宽度计算高度
修改宽度时，高度 = 原图高度 / 原图宽度 × 新宽度
基于高度计算宽度
修改高度时，宽度 = 原图宽度 / 原图高度 × 新高度
倍数缩放
输入倍数（如2.0）点击“缩放”，按原图比例放大/缩小
渲染模式对比
| 模式 | 技术实现 | 适用场景 | 效果 |
|---|---|---|---|
| 平滑 | imageSmoothingEnabled = true，quality = 'high' | 照片、人像、商品图 | 边缘柔化，无锯齿，放大后轻微模糊 |
| 像素 | imageSmoothingEnabled = false，image-rendering: pixelated | 像素艺术、图标 | 边缘锐利，保持像素感 |
# 打包下载命名规则
原图名_新宽度x新高度.png
例如：vacation_1024x768.png
原图名_新宽度x新高度.png
例如：vacation_1024x768.png
图片缩放 · 技术优势与更新日志 v1.2.0
⚡ 快速标准尺寸
- 增加1K、2K、4K快捷按钮，一键应用常见尺寸。
🖼️ 渲染模式切换
- 新增平滑/像素模式，满足不同图片类型需求。
OOTD穿搭拼图
智能布局 · 自由拖拽 · 图片缩放 · 网格对齐
快速上手
1
上传图片
点击「选择图片」上传多张穿搭单品图，超过800万像素的图片会被自动压缩，避免画布过大。
2
设置网格布局
输入列数（如2），拖动间距滑块，点击“排列”按钮，系统自动计算每张图片的初始位置。
3
调整图片
在顶部缩略图区域拖拽可改变图片顺序；选中图片后，在画布上拖拽可移动位置，Alt+滚轮可缩放图片实际大小。
4
生成与下载
完成布局后点击“生成”锁定位置，按钮变为“下载”，点击即可下载高清PNG图片。
布局参数
列数
1-10之间，决定每行排列多少张图片。自动布局时每列宽度由最宽图片决定。
图片间距
图片之间的水平/垂直间距，单位像素，通过滑块实时调整。
| 操作 | 操作方式 | 效果 |
|---|---|---|
| 选中图片 | 单击图片 | 图片出现蓝色边框，表示当前可操作对象 |
| 移动图片 | 选中后，在画布上拖拽 | 图片跟随鼠标移动，松开后位置固定，画布边界自动调整 |
| 缩放图片 | 选中后，按住Alt键滚动滚轮 | 图片实际尺寸变大/变小，画布边界自动调整 |
| 排序图片 | 在顶部缩略图区域拖拽 | 改变图片在图层中的顺序，画布中图片顺序同步更新 |
| 删除图片 | 点击缩略图右上角「×」 | 从列表和画布中移除该图片 |
点击「下载」时，导出的图片为画布的实际尺寸（即所有图片占据的矩形区域），并非浏览器中看到的缩放尺寸。画布大小会自动适应图片位置，确保所有内容都被包含。图片格式为PNG，支持透明背景。
OOTD穿搭拼图 · 技术优势与更新日志 v1.5.0
📏 自动压缩
- 上传时自动检测图片像素，超过800万像素时等比压缩，同时保留原图用于后续缩放。
- 避免大图导致画布过大、操作卡顿。
🖱️ 自由拖拽与排序
- 实现拖拽排序和画布内拖拽移动，使用精确的坐标转换算法。
- 交互流畅自然，所见即所得。
尺码标注
画布标注 · 多种箭头样式 · 坐标显示 · 单位切换
快速上手
1
上传产品图
点击「选择图片」上传需要标注尺寸的服装或产品图，图片显示在画布中央。支持Ctrl+V粘贴图片。
2
开启标线模式
点击工具栏的「标线模式」按钮，然后在画布上点击起点和终点，弹出输入框填写实际尺寸数值。
3
设置标注样式
在左侧边栏选择线条样式（双向箭头、单向箭头、T型端线、圆点、纯直线）、颜色、粗细、字体大小、单位（cm/inch）。
4
导出图片
完成所有标注后，点击「导出」或「复制图片」，下载带有尺寸标注的PNG图片。
标注参数
线条样式大全
双向箭头
两端都有箭头，适合表示长度范围，如衣长、袖长等。
单向箭头
只有终点有箭头，适合指示方向或标注，如肩宽方向。
T型端线
两端为短横线，类似工程制图标注，风格专业。
圆点端线
两端为圆形点，简洁现代风格。
纯直线
只有线段，无端点装饰，最简洁的标注方式。
单位选项
| 单位选项 | 显示效果 | 适用场景 |
|---|---|---|
| 仅 cm | 例如 "30 cm" | 国内用户，仅需厘米 |
| cm / inch | 例如 "30 cm / 11.81 inch" | 跨境电商，同时展示厘米和英寸 |
| 仅 inch | 例如 "11.81 inch" | 国外用户，仅需英寸 |
Shift 强制水平/垂直线Ctrl+Z 撤销ESC 取消标线
尺码标注 · 技术优势与更新日志 v1.1.0
📐 强制水平/垂直
- 新增Shift键强制直线功能，标注更规整。
🖥️ 视图模式切换
- 适应屏幕/查看效果两种模式，方便查看细节和整体。
🎨 新增线条样式
- 新增T型端线、圆点端线、纯直线样式。