把日常图片处理功能，做成你自己的工具网站。

这是一套基于 Nuxt 3 的独立图片工具站源码，包含首页、工具目录、13 个图片工具和批量处理工作台。用户在网页中选择图片、调整参数并下载结果；你可以修改站点名称、界面和功能，搭建自己的图片工具站，或用于学习 Vue / Nuxt 图片处理实现。

13 个工具，覆盖常用图片处理需求

• 压缩图片：调整输出质量，减小图片文件体积。
• 压到指定 KB：按目标大小尝试压缩，适合有上传体积限制的场景。
• 修改图片尺寸：调整图片宽高，适配不同展示规格。
• 裁剪图片：自由裁剪或按常用比例调整构图。
• 旋转与翻转：旋转图片，进行水平或垂直翻转。
• 图片水印：添加文字或 Logo 水印，支持位置、大小和透明度设置。
• 模板切图：按模板将一张图片切分为多张。
• 图片拼接：将多张图片按版式拼成一张。
• 海报制作：组合图片、标题、副标题和 Logo，制作封面、海报或图文卡片。
• 图片去背景：智能移除背景，制作抠图素材。
• 图片转 PDF：将多张图片整理为 PDF 文件。
• 证件照制作：制作常用规格的证件照，调整背景与输出尺寸。
• 格式转换：在工具支持的图片格式之间转换。

批量工作台：把多个处理步骤串起来

导入多张图片后，按需要添加和排列处理步骤：调整尺寸 → 旋转翻转 → 裁剪 → 画布留白 → 色彩调整 → 边框 → 水印，再统一设置输出格式与压缩参数。

例如，电商商品图可以先统一尺寸再加 Logo；自媒体配图可以裁剪、留白后添加文字水印。一套参数应用到多张图片，减少逐张重复操作。

适合哪些用途

• 搭建独立的图片工具网站，按自己的品牌调整页面。
• 为电商、自媒体和日常办公提供图片处理入口。
• 学习 Nuxt / Vue 项目结构、浏览器图片处理和批量流程实现。

技术与交付

技术栈：Nuxt 3 · Vue 3 · TypeScript · Element Plus。图片处理在浏览器内完成，处理文件不上传到图片处理服务器。首次加载模型或 WASM 等资源需要网络。

交付 Nuxt 项目源码 ZIP、依赖清单与锁文件、配置示例、运行与静态部署说明，以及项目和第三方许可文件。需要 Node.js 20+、npm 10+ 和基础前端部署能力；可生成静态站点部署到 Nginx、Apache 或静态托管环境。

实际界面

下图依次展示网站首页、水印前后对比、海报成品、批量处理流程，以及压缩、智能去背景、拼接和切图效果。首页中的流程为界面示例；功能图输入为 AI 生成样图，处理结果由销售版实际导出。去背景示例使用了工具自带的边缘参数调整。

购买须知

• 一次性购买当前版本，不提供后续更新；服务器、域名、备案及代部署需自行安排。
• 交付后 30 天提供源码包完整性与 README 基础启动答疑，不含定制开发、二次修改排障。售后 QQ：544070499。
• 原创代码采用 AGPL-3.0-only，第三方组件保留各自许可。公开部署或再分发时须履行适用的源码提供等义务；本商品不提供专有闭源授权。
• 压到指定 KB 的结果受图片与输出参数影响；智能抠图效果需检查，证件照是否通过审核以使用机构要求为准。各工具支持格式与数量以操作页说明为准。
• 退款设置：7 天内可协商退款，按平台规则处理。

作者：Kaiw_800