PixelCraft

local · private · free

Tutorial

使用教程

从入门到进阶,5 分钟掌握 PixelCraft 全部功能。所有操作在浏览器本地完成,图片不会上传服务器。

一、快速开始

PixelCraft 是一款纯前端的图片处理工具,打开浏览器访问网址即可使用,无需安装、无需注册。本教程将带你从零开始,掌握全部核心功能。

1

打开浏览器访问 PixelCraft 首页

推荐 Chrome / Edge / Safari 最新版本。移动端也可使用。

2

点击页面中央的虚线框区域,或直接把图片拖拽进去

支持 JPG、PNG、WebP、BMP,可一次选择多张。

3

上传后图片会出现在下方的卡片列表中,每张卡片显示原图体积、处理后体积和压缩比例

4

点击卡片可打开大图对比预览,左右拖动分割线查看处理前后效果

二、压缩图片(最常用功能)

压缩是 PixelCraft 的核心功能,通过调整压缩质量在体积和画质之间取得平衡。

2.1 调整压缩质量

1

上传图片后,在右侧"压缩质量"滑块上拖动

数值范围 0.1 - 1.0,1.0 为最高画质(几乎无损),0.1 为极致压缩。

2

实时查看体积变化:每张卡片和顶部统计栏都会即时更新预估体积

3

使用下方预设按钮快速选择常见质量档位

推荐档位:高质量(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

上传图片后,顶部"快速裁剪"区域显示常用比例按钮

2

点击目标比例(如 1:1、4:3、16:9、9:16),裁剪器自动打开并按该比例锁定

1:1 适合头像与 Instagram;16:9 适合封面图;9:16 适合手机竖屏壁纸。

3.2 自由裁剪

1

点击图片卡片上的"裁剪"按钮打开裁剪器

2

拖动裁剪框的 8 个控制点调整大小,拖动框内区域移动位置

3

点击"确认裁剪"应用,或"取消"放弃

顶部会实时显示当前裁剪框的像素尺寸,方便精确控制。

四、旋转与翻转

支持任意角度旋转和水平/垂直翻转,适合修正拍摄方向或制作镜像效果。

4.1 旋转任意角度

1

在"旋转"滑块上拖动,范围 0° - 360°

2

点击下方的快捷角度按钮(0°/90°/180°/270°)快速对齐

4.2 翻转图片

  • 左右翻转:水平镜像,适合制作对称效果或修正前置摄像头自拍
  • 上下翻转:垂直镜像,适合制作倒影或特殊构图

五、格式转换

JPG、PNG、WebP 三种格式互转,是减小体积的利器。

5.1 选择输出格式

1

在"格式"选项卡中选择目标格式(JPG / PNG / WebP)

2

根据格式调整对应参数:

JPG/WebP 调整压缩质量;PNG 调整颜色数(颜色越少体积越小,但可能损失色彩细节)。

5.2 常见转换场景

  • JPG → WebP:体积减小 25-35%,画质几乎无损,推荐用于网页
  • PNG → WebP:保留透明通道,体积减小 60% 以上
  • PNG → JPG:不需要透明背景时,体积大幅减小
  • WebP → JPG:兼容老旧系统或不支持 WebP 的软件

六、EXIF 隐私清理

EXIF 是图片元数据,可能包含 GPS 定位、拍摄时间、设备型号等隐私信息。PixelCraft 默认清除所有 EXIF,分享前务必保留此选项开启。

1

在"选项"中确认"清除 EXIF"开关为开启状态(默认开启)

2

展开下方详细选项,可单独勾选要清理的项目:

GPS 定位 / 拍摄时间 / 相机型号 / 其他元数据。默认全部勾选。

3

处理后下载的图片将完全不含任何 EXIF 数据,可放心分享到社交平台

七、批量打包下载

一次处理多张图片并打包成 ZIP,适合相册、商品图、文章配图等场景。

1

上传多张图片(建议一次不超过 50 张)

2

统一设置压缩质量、格式、EXIF 等参数,所有图片同步应用

3

底部浮动栏显示待导出数量和总体积,点击"打包 ZIP"一键下载

也可点击"全部下载"逐张下载,适合需要单独命名的场景。

4

在"选项"中开启"保留原文件名",打包后文件名与原图一致

八、下载与保存

  • 单张下载:点击图片卡片右下角的下载按钮
  • 大图对比:点击图片卡片打开 Lightbox,左右拖动分割线对比前后效果,可直接下载
  • 批量 ZIP:底部浮动栏点击"打包 ZIP",浏览器自动生成并下载压缩包
  • 清空全部:点击列表标题右侧的"清空全部"可移除所有图片

九、进阶技巧

9.1 暗色模式

点击右上角的月亮/太阳图标切换主题,偏好会自动保存。暗色模式适合夜间使用,减少屏幕蓝光。

9.2 拖拽上传

除了点击选择,也可以直接把图片文件拖拽到页面中央的上传区域。拖拽时会出现全屏遮罩提示,松手即开始处理。

9.3 对比预览

点击任意图片卡片打开大图对比模式,拖动中间的白色分割线,左侧为原图,右侧为处理后图片。这是判断压缩质量是否可接受的最佳方式。

9.4 移动端使用

在手机浏览器打开 PixelCraft,点击上传按钮可直接调用相册或相机。移动端建议一次处理图片不超过 20 张,避免内存不足。

9.5 离线使用

首次完整加载页面后,核心图片处理功能可在断网状态使用。ZIP 打包依赖 JSZip 库,需在联网状态下首次加载完成。

准备好开始了吗?

所有功能免费、无需注册、图片不上传服务器。

返回首页开始使用