Pixary

多功能图片处理平台
All-in-one Image Processing Platform
多機能画像処理プラットフォーム

中文 | English | 日本語

---

📌 概述

Pixary是一个在线多功能图片处理平台，无需登录，使用门槛极低，打开网页即可执行常见的图片处理操作。为设计师、办公人员和普通用户提供便捷的图片编辑体验。

主要功能

• 🔍 图片尺寸修改 - 自由调整大小，保持比例，裁剪和批量处理
• 💧 水印功能 - 添加文字水印，支持位置、角度和平铺设置
• 🪪 证件照背景更换 - 一键更换证件照背景颜色
• 📉 图片压缩 - 调整质量和目标大小，减小文件体积
• 📝 OCR图片转文字 - 识别图片中的文字内容
• 🔄 图片旋转 - 自由旋转角度
• 🌓 黑白/灰度转换 - 将图片转换为黑白或灰度模式
• 📊 EXIF信息查看 - 查看图片的元数据信息
• 📱 二维码生成/识别 - 生成自定义二维码或识别图片中的二维码

技术特点

• ✨ 现代化UI界面，简洁直观
• 🚀 纯前端处理，无需服务器支持
• 🔒 隐私安全，所有处理在本地完成
• 📱 响应式设计，支持移动设备
• 🌍 支持中文、英文和日文三种语言
• 🐳 Docker容器化部署，一键启动

🚀 快速开始

Docker部署

1. 克隆仓库

git clone https://github.com/SkyBlue997/Pixary.git
cd Pixary

2. 使用Docker Compose构建并启动

docker-compose build
docker-compose up -d

3. 访问应用

浏览器访问 http://localhost:16633

本地开发

1. 安装依赖

npm install

2. 启动开发服务器

npm start

3. 构建生产版本

npm run build

🔧 技术栈

• 前端框架: React 18
• UI组件库: Ant Design 5
• 路由管理: React Router 6
• 国际化: i18next
• 图像处理:
  • Jimp (图像处理核心库)
  • Tesseract.js (OCR文字识别)
  • QRCode.react (二维码生成)
• 构建工具: Create React App
• 容器化: Docker, Nginx

📁 项目结构

Pixary/
├── public/                # 静态资源
│   ├── img/               # 图片资源
│   └── docs/              # 多语言文档
├── src/                   # 源代码
│   ├── components/        # 共用组件
│   ├── pages/             # 页面组件
│   ├── assets/            # 静态资源
│   ├── utils/             # 工具函数
│   ├── App.js             # 应用入口
│   ├── i18n.js            # 国际化配置
│   └── index.js           # 主入口
├── Dockerfile             # Docker配置
├── docker-compose.yml     # Docker Compose配置
├── nginx.conf             # Nginx配置
└── package.json           # 项目依赖

📄 许可证

MIT