一、快速开始
PixelCraft 是一款纯前端的图片处理工具,打开浏览器访问网址即可使用,无需安装、无需注册。本教程将带你从零开始,掌握全部核心功能。
打开浏览器访问 PixelCraft 首页
推荐 Chrome / Edge / Safari 最新版本。移动端也可使用。
点击页面中央的虚线框区域,或直接把图片拖拽进去
支持 JPG、PNG、WebP、BMP,可一次选择多张。
上传后图片会出现在下方的卡片列表中,每张卡片显示原图体积、处理后体积和压缩比例
点击卡片可打开大图对比预览,左右拖动分割线查看处理前后效果
二、压缩图片(最常用功能)
压缩是 PixelCraft 的核心功能,通过调整压缩质量在体积和画质之间取得平衡。
2.1 调整压缩质量
上传图片后,在右侧"压缩质量"滑块上拖动
数值范围 0.1 - 1.0,1.0 为最高画质(几乎无损),0.1 为极致压缩。
实时查看体积变化:每张卡片和顶部统计栏都会即时更新预估体积
使用下方预设按钮快速选择常见质量档位
推荐档位:高质量(0.85)/ 标准(0.75)/ 紧凑(0.6)/ 极致(0.4)。
2.2 推荐质量参考
- 0.85 - 1.0:摄影作品、人像照片,几乎看不出画质损失
- 0.7 - 0.85:社交媒体分享,体积与画质平衡
- 0.5 - 0.7:网页配图、公众号文章插图
- 0.3 - 0.5:缩略图、列表预览图,极致压缩
三、裁剪与比例
PixelCraft 提供快速比例裁剪和自由裁剪两种方式,预设覆盖主流平台尺寸。
3.1 快速比例裁剪
上传图片后,顶部"快速裁剪"区域显示常用比例按钮
点击目标比例(如 1:1、4:3、16:9、9:16),裁剪器自动打开并按该比例锁定
1:1 适合头像与 Instagram;16:9 适合封面图;9:16 适合手机竖屏壁纸。
3.2 自由裁剪
点击图片卡片上的"裁剪"按钮打开裁剪器
拖动裁剪框的 8 个控制点调整大小,拖动框内区域移动位置
点击"确认裁剪"应用,或"取消"放弃
顶部会实时显示当前裁剪框的像素尺寸,方便精确控制。
四、旋转与翻转
支持任意角度旋转和水平/垂直翻转,适合修正拍摄方向或制作镜像效果。
4.1 旋转任意角度
在"旋转"滑块上拖动,范围 0° - 360°
点击下方的快捷角度按钮(0°/90°/180°/270°)快速对齐
4.2 翻转图片
- 左右翻转:水平镜像,适合制作对称效果或修正前置摄像头自拍
- 上下翻转:垂直镜像,适合制作倒影或特殊构图
五、格式转换
JPG、PNG、WebP 三种格式互转,是减小体积的利器。
5.1 选择输出格式
在"格式"选项卡中选择目标格式(JPG / PNG / WebP)
根据格式调整对应参数:
JPG/WebP 调整压缩质量;PNG 调整颜色数(颜色越少体积越小,但可能损失色彩细节)。
5.2 常见转换场景
- JPG → WebP:体积减小 25-35%,画质几乎无损,推荐用于网页
- PNG → WebP:保留透明通道,体积减小 60% 以上
- PNG → JPG:不需要透明背景时,体积大幅减小
- WebP → JPG:兼容老旧系统或不支持 WebP 的软件
六、EXIF 隐私清理
EXIF 是图片元数据,可能包含 GPS 定位、拍摄时间、设备型号等隐私信息。PixelCraft 默认清除所有 EXIF,分享前务必保留此选项开启。
在"选项"中确认"清除 EXIF"开关为开启状态(默认开启)
展开下方详细选项,可单独勾选要清理的项目:
GPS 定位 / 拍摄时间 / 相机型号 / 其他元数据。默认全部勾选。
处理后下载的图片将完全不含任何 EXIF 数据,可放心分享到社交平台
七、批量打包下载
一次处理多张图片并打包成 ZIP,适合相册、商品图、文章配图等场景。
上传多张图片(建议一次不超过 50 张)
统一设置压缩质量、格式、EXIF 等参数,所有图片同步应用
底部浮动栏显示待导出数量和总体积,点击"打包 ZIP"一键下载
也可点击"全部下载"逐张下载,适合需要单独命名的场景。
在"选项"中开启"保留原文件名",打包后文件名与原图一致
八、下载与保存
- 单张下载:点击图片卡片右下角的下载按钮
- 大图对比:点击图片卡片打开 Lightbox,左右拖动分割线对比前后效果,可直接下载
- 批量 ZIP:底部浮动栏点击"打包 ZIP",浏览器自动生成并下载压缩包
- 清空全部:点击列表标题右侧的"清空全部"可移除所有图片
九、进阶技巧
9.1 暗色模式
点击右上角的月亮/太阳图标切换主题,偏好会自动保存。暗色模式适合夜间使用,减少屏幕蓝光。
9.2 拖拽上传
除了点击选择,也可以直接把图片文件拖拽到页面中央的上传区域。拖拽时会出现全屏遮罩提示,松手即开始处理。
9.3 对比预览
点击任意图片卡片打开大图对比模式,拖动中间的白色分割线,左侧为原图,右侧为处理后图片。这是判断压缩质量是否可接受的最佳方式。
9.4 移动端使用
在手机浏览器打开 PixelCraft,点击上传按钮可直接调用相册或相机。移动端建议一次处理图片不超过 20 张,避免内存不足。
9.5 离线使用
首次完整加载页面后,核心图片处理功能可在断网状态使用。ZIP 打包依赖 JSZip 库,需在联网状态下首次加载完成。