[开源] 图片工具箱img-toolbox

图片工具箱(Img Toolbox)

开源地址

https://github.com/LokerL/img-toolbox

功能 Feature

• [x] 格式转换
• [x] 添加水印
• [x] 图片调整
• [x] 图片裁剪

2024.07.12 更新：

图片调整
图片裁剪

Todo List:

• [ ] 图片旋转
• [ ] 图片拼接
• [ ] 图片分割
• [ ] OCR- ...

安装 Install

安装包

Releases

Action Mac和linux系统可以从这里找到安装包

蓝奏云

源码

git clone https://github.com/LokerL/img-toolbox.git
cd img-toolbox
npm install
npm run dev

使用 Usage

格式转换

1. 点击选择按钮选择需要转换的图片
2. 下拉选择需要转换的格式
3. 点击输出文件夹选择转换后的图片保存位置
4. 点击转换按钮

添加水印

1. 点击选择按钮选择需要添加水印的图片
2. 点击水印按钮选择水印图片
3. 点击输出文件夹选择添加水印后的图片保存位置
4. 点击处理按钮

水印：

1. 点击左上角➕添加一个水印，点击右上角删除按钮删除全部水印
2. 启用：启用水印后才可以使用该水印
3. 类型：分为图片水印和文字水印
4. 资源：图片水印选择作为水印的图片路径，文字水印输入作为水印的文字
5. 上边距：水印距离图片上边的距离
6. 左边距：水印距离图片左边的距离
7. 位置：水印在图片中的位置。可选：左上 右上 左下 右下 居中（选择上下边距时此项不会生效）
8. 大小：文字水印的字体大小DPI，图片水印的长度和宽度

尺寸调整

1. 点击选择按钮选择需要添加水印的图片
2. 输入宽度和高度
3. 选择适应方式
4. 点击输出文件夹选择添加水印后的图片保存位置
5. 点击转换

适应方式：

• 覆盖(cover)：（默认）保留纵横比，尝试通过裁剪/裁剪来确保图像覆盖两个提供的尺寸。
• 包含(contain)：保持纵横比，必要时使用“信箱”包含在两个提供的尺寸内。
• 拉伸(fill)：忽略输入的纵横比，并拉伸到两个提供的尺寸。
• 内部(inside)：保持纵横比，将图像大小调整为尽可能大，同时确保其尺寸小于或等于指定的尺寸。
• 外部(outside)：保持纵横比，将图像大小调整为尽可能小，同时确保其尺寸大于或等于指定的尺寸。

图片裁剪

1. 点击选择按钮选择需要添加水印的图片
2. 输入上边距、左边距、宽度和高度
3. 点击输出文件夹选择添加水印后的图片保存位置
4. 点击裁剪

使用截图：

欢迎Start和PR

有任何功能和建议欢迎留言，功能持续更新中。。。