Electron开源 – 图片批量转换器

使用Trae开发的实用工具，项目开源地址：项目首页 – 图片批量转换器-支持格式-压缩-缩放-裁剪-更多功能逐步添加中 – GitCode

简介

一款基于 Electron 的图片批量处理工具，支持格式转换、尺寸调整、质量压缩和智能裁剪等功能。

功能列表

• ✅ 批量格式转换：支持 JPG、PNG、WebP、AVIF 等主流格式互转
• ✅ 智能尺寸调整：支持按比例缩放、固定宽度/高度、自定义尺寸
• ✅ 质量压缩控制：可调节图片质量，平衡文件大小与画质
• ✅ 智能裁剪功能：
  • 预设比例：4:3、3:4、3:2、2:3、5:4、4:5、16:9、9:16、1:1
  • 自定义尺寸裁剪
  • 五种位置选择：居中、顶部、底部、左侧、右侧
• ✅ 批量重命名：支持前缀、后缀自定义
• ✅ 实时预览：处理前后效果对比
• ✅ 进度跟踪：实时显示处理进度
• ✅ 跨平台支持：Windows、macOS、Linux

技术栈

• 前端框架：Electron
• UI 技术：HTML5 + CSS3 + JavaScript
• 图像处理：Sharp (高性能 Node.js 图像处理库)
• 进程通信：IPC (Inter-Process Communication)
• 包管理：npm
• 构建工具：Electron Builder

开发步骤

1. 环境准备

# 安装 Node.js (推荐 LTS 版本)
# 下载地址：https://nodejs.org/

# 克隆项目
git clone <项目地址>
cd 图片批量处理工具

2. 安装依赖

npm install

3. 开发调试

# 启动开发模式
npm start

# 或者
npm run dev

4. 构建打包

# 构建生产版本
npm run build

# 打包为可执行文件
npm run dist

5. 项目结构

图片批量处理工具/
├── src/                    # 源代码目录
│   ├── main.js            # 主进程文件
│   ├── renderer.js        # 渲染进程文件
│   ├── index.html         # 主界面
│   ├── styles.css         # 样式文件
│   └── imageProcessor.js  # 图像处理核心模块
├── assets/                # 资源文件
├── package.json          # 项目配置
└── README.md            # 项目说明

注意事项

Electron 安装失败解决方案

如果在安装过程中遇到 Electron 下载失败的问题，请参考以下解决方案：

Electron 安装报错终极解决办法

常见解决步骤：

1. 升级 Node.js 和 npm 到最新稳定版本
2. 配置国内镜像源
3. 清除 npm 缓存
4. 重新安装依赖

其他注意事项

• 确保系统已安装 Node.js 14.0 或更高版本
• Windows 用户可能需要安装 Visual Studio Build Tools
• macOS 用户需要安装 Xcode Command Line Tools
• 首次运行可能需要较长时间下载依赖
• 建议使用稳定的网络环境进行安装

联系作者

如果您在使用过程中遇到问题，或者有任何建议和反馈，欢迎联系作者：

微信：qianran6

☕ 请喝咖啡

如果这个工具对您有帮助，欢迎请作者喝杯咖啡！您的支持是我持续改进的动力。

微信：qianran6

感谢您使用图片批量处理工具！