图片格式转换
PNG / JPEG / WebP 互转,可选质量与透明填充色,本地转码
关于图片格式转换
图片格式转换解决的是「平台只收某种格式」和「体积太大传不上去」两类问题。PNG 截图转 WebP 常见能小一半以上,投稿要求 JPEG 时又必须放弃透明背景。本工具用浏览器 Canvas 在本地转码,可以指定输出质量、为透明区域选填充色,转完直接下载,图片不会离开你的设备。
使用步骤
- 选择要转换的图片,支持 PNG、JPEG、WebP、GIF(首帧)、BMP 等浏览器能解码的格式
- 选择目标格式:网页用 WebP,通用投稿用 JPEG,需要透明用 PNG
- 选输出质量,90% 是画质与体积的平衡点,80% 以下开始出现可见噪点
- 目标为 JPEG 或 WebP 有损模式时,选一个透明区域的填充色(默认白色)
- 点「转换」看体积变化,确认预览正常后下载
常见错误
以为转成 PNG 就能恢复透明
透明信息在转成 JPEG 的那一刻就已经丢失,再转回 PNG 只会得到一块白色区域加一个 alpha 通道,不会恢复原来的透明。需要透明就用原始素材重新导出。
在 JPEG 之间反复转
JPEG 是有损压缩,每转存一次都会再损失一点细节,几轮之后边缘出现蚊噪。正确做法是始终保留一份原图(或 PNG 母版),需要什么格式都从母版转。
只改格式不改尺寸
格式转换不改变像素尺寸。一张 4000×3000 的照片转成 WebP 仍然很占地方,网页用图请配合「图片缩放」把长边压到需要的大小。
把 HEIC 直接丢进来
iPhone 默认的 HEIC 浏览器解不了,会提示无法解码。先在手机相册里导出为 JPG,或用「设置 → 相机 → 格式 → 兼容性最佳」再拍。
常见问题
WebP 兼容性如何?
Chrome、Edge、Firefox、Safari 14 以上都支持。仍在用 IE 或某些老旧内嵌浏览器(部分后台系统、邮件客户端)的地方会打不开,这类场景请输出 JPEG。
为什么转完反而变大了?
把已经高度压缩的 JPEG 转成 PNG,会从有损编码变成无损编码,体积通常涨好几倍。反过来,把带大量纯色区域的 PNG 转成 JPEG 也可能更大或出现色块。转换前先想清楚目的:要小说体积,别往 PNG 转。
透明背景为什么变成了白底或黑底?
JPEG 格式根本没有透明通道,WebP 有损模式同样不支持。工具会在绘制前先按你选的颜色铺满画布,所以透明区域变成你选的颜色。要保留透明,只能输出 PNG。
支持 AVIF 吗?
编码不支持,解码看浏览器。AVIF 压缩率比 WebP 再好 20% 左右,但编码慢一个数量级,在浏览器里实时转几十张不现实。要 AVIF 目前还是用命令行(avifenc)或构建期处理更合适。
批量转换怎么用?
批量页可以一次拖进多张、统一目标格式、打包下载。混合格式一起转时要留意透明通道——PNG 和 WebP 有透明,转 JPEG 会丢,需要指定背景色,否则默认填白。
来源:内置实现 · License: MIT · 分类:图片
相关阅读
- 图片压缩 —— 在浏览器本地压缩 JPG/PNG/WebP,图片不上传服务器
- 图片缩放 —— 按最大边长等比缩放图片,生成头像/封面尺寸
- 图片转 Base64 —— 图片与 Data URI / Base64 双向转换
- Squoosh —— 同类第三方工具(官方在线版)
- Picsum Photos —— 同类第三方工具(官方在线版)
- 全部图片类工具 —— 按分类浏览
安全、快捷、开源工具及资源
无需安装、无需注册、无需命令行 —— 挑一个工具,填参数,出结果。