图片格式转换工具(PNG/JPG/WebP)
免费的图片格式转换工具,可在PNG、JPG、WebP格式之间相互转换,并可调整输出画质。转换过程完全在浏览器内完成,不会上传到服务器。
支持格式对比
| 格式 | 压缩方式 | 透明度(Alpha通道) | 输出支持 |
|---|---|---|---|
| PNG | 无损压缩 | 支持 | 支持 |
| JPG(JPEG) | 有损压缩 | 不支持 | 支持 |
| WebP | 同时支持无损和有损 | 支持 | 支持 |
| GIF | 无损压缩(调色板方式) | 支持(仅二值) | 不支持(仅可作为输入,可将第一帧转换为其他格式) |
什么是图片格式转换
图片格式转换工具可以在浏览器内完成PNG、JPG、WebP之间的相互转换,无需将图片上传到服务器。发博客前想给照片瘦身、手头只有JPG却需要带透明背景的PNG——这类日常小问题都能当场解决。工具依赖浏览器自带的Canvas API,只要浏览器支持,就无需安装任何额外软件。
选择哪种输出格式,取决于画质、文件大小与是否需要透明背景这三者的取舍。一般来说,照片类图片优先转换为JPG或WebP以获得更高压缩率,需要保留透明背景的Logo、图标则转换为PNG或WebP。画质滑块可以调整压缩强度,方便在观感与文件大小之间找到合适的平衡点。
图片格式转换的使用方法
- 选择图片 将图片拖放到虚线框内,或点击后从设备中选择文件。
- 选择转换后的格式 根据用途在PNG、JPG、WebP中选择合适的输出格式。
- 调整画质(仅JPG、WebP) 拖动滑块,一边观察画质与文件大小的变化一边调整。
- 转换并下载 点击按钮执行转换,转换结果会自动下载到本地。
用好本工具的小技巧
- 对于JPG和WebP,画质滑块数值越低,文件越小,但画质也会越粗糙。照片建议设置在80左右,插画类图片建议90以上。
- 将带透明背景的PNG转换为JPG时,由于JPG不支持Alpha通道,透明部分会被填充为白色等背景色。如需保留透明效果,请选择PNG或WebP。
- 在相近画质下,WebP通常比PNG或JPG生成更小的文件体积,有助于提升网页加载速度。
- 上传GIF图片时,只有动画的第一帧会被转换,无法将带动态效果的GIF原样保存为其他格式。
- 转换后的文件会自动保存到下载文件夹,您可以更改格式或画质多次重新转换。
图片格式转换的应用场景
提升博客、电商网站的加载速度
将展示图片转换为WebP以缩小体积,从而提升页面加载速度。
转换格式的同时保留透明背景
将Logo、图标转换为PNG或WebP,避免像转成JPG那样丢失透明部分。
应对上传或附件的格式限制
当上传入口只接受JPG,或对文件大小有严格限制时,可用来临时转换格式。
整理旧格式图片
将手头的GIF图片批量转换为如今更常用的PNG或WebP格式。
图片格式用语集
- 无损压缩
- 压缩后仍可完整还原原始数据的方式,PNG采用此方式,因此不会造成画质损失。
- 有损压缩
- 通过舍弃部分信息来压缩文件的方式,JPG采用此方式,压缩率越高画质越粗糙。
- Alpha通道(透明度)
- 为图片的每个像素附加不透明度信息的机制,PNG、WebP均支持,可实现透明背景。
- Canvas API
- 浏览器提供的可在网页上绘制、处理图片的JavaScript功能,本工具的转换正是基于该API实现。
- WebP
- Google开发的图片格式,同时支持无损与有损压缩,在同等画质下通常比PNG、JPG体积更小。
常见问题
闲话 ― WebP诞生的背景
WebP是Google于2010年发布的图片格式,将其自研视频编码器VP8的关键帧压缩技术应用到静态图像上。当时占主导地位的JPEG格式早在1992年就已标准化,Google的设想是:利用视频编码技术进步带来的新压缩算法,或许能在保持同等画质的前提下进一步缩小文件体积。
发布初期由于支持的浏览器有限,普及速度一直较慢。直到2020年前后,Safari、Edge等主流浏览器相继加入支持,局面才发生转变,如今几乎所有现代浏览器都能显示WebP图片。由于Google搜索引擎也将网页加载速度纳入排名参考因素之一,将图片迁移至WebP在SEO层面也开始具有实际意义。
另一方面,PNG诞生于1996年,其契机是GIF格式陷入专利争议(Unisys公司就其持有的LZW压缩算法专利授权费用引发的纠纷),业界因此需要一种免版税的无损替代方案。PNG不仅实现了比GIF更高的压缩率,还突破了GIF256色调色板的限制,支持全彩显示,并具备8位Alpha通道以实现平滑的半透明效果,因此至今仍被广泛用于标志、图标和截图的保存。