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

Loker

图片工具箱(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

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

luodeman

感谢楼主分享，先star为敬

hanbazhen

楼主，这能拼长图吗？建议加个每行多少张的设置，假设有12张长图，按每行3张，如果没有这个设置，就要拼5次（先4次每行3张，最后加1次拼在一起），浪费时间和空间

第2个问题，A、B、C这3张图，

A横向2500，B和C横向不到A的一半

选择纵向拼，整图有一大空白区域，楼主还请改进一下

cux666

急需这种软件，谢谢分享！

LuckyClover

感谢楼主分享，赞赞赞

不知道改成啥

看内容吓我一跳我看成添加水印图片可以去除所有水印。

94MJ

还是吾爱的大神多，感谢分享

sangsang666

还是吾爱的大神多，感谢分享

ningmeng12

谢谢分享！！！！！！！！！！

zhengzhenhui945

感谢楼主分享！！！！！！！

Tsirius

非常好用，感谢楼主分享