图片转换器
在浏览器内把 JPEG、PNG、WebP 图片转换成 WebP、JPEG、PNG、AVIF,或进行无损 PNG 优化。适合 Web 图片分发、多平台素材准备,以及发布前的资源处理。原始图片不会上传到任何外部服务。
- 支持拖拽、多文件选择和文件夹导入,只处理其中的图片文件
- 可查看每个文件的状态、单张图片进度和整体转换进度
- 输出格式可选 WebP、JPEG、PNG、AVIF 和无损优化 PNG
- 支持设置文件名后缀,避免覆盖原始文件
- 可以单张下载,也可以把全部结果打包成一个 ZIP
把图片拖到这里,或点击选择文件
支持 JPEG、PNG 和 WebP。可以多选文件,也可以选择文件夹。
文件夹导入取决于浏览器支持情况。不可用时,请改用多文件选择。
适合作为 Web 分发的默认候选格式。通常比 JPEG 更小,浏览器支持也比较广。
例如后缀设为 -converted 时,photo.jpg 会输出为 photo-converted.webp,原文件保持不变。
功能简介
覆盖图片格式转换中最关键的四个环节:导入、转换、对比和导出。
- 01
批量转换队列
导入多个文件或整个文件夹,并按文件查看处理状态。
- 02
多种输出格式
同一张源图可以根据交付目标导出为 WebP、JPEG、PNG、AVIF 或无损优化 PNG。
- 03
体积变化一眼可见
显示原始大小、输出大小和变化比例,方便快速判断转换收益和取舍。
- 04
可预期的命名规则
通过文件名后缀把原图和转换后的图片并排保留,方便比较和回滚。
- 05
支持单张和批量导出
可以只下载某一张图片,也可以把整批转换结果打包成 ZIP,用于交接或归档。
- 06
本地执行
解码和编码都在浏览器内完成,源图片不会上传到第三方服务。
如何使用
推荐流程是:导入、设置、转换、检查、导出。
- 01
通过拖拽、多文件选择或文件夹选择导入图片。
- 02
选择输出格式,必要时调整质量,并设置文件名后缀。
- 03
开始转换,查看每个文件的状态和整体进度。
- 04
检查输出大小、变化比例和失败项;如果需要,可以调整设置后重新转换。
- 05
下载需要的单个文件,或一键打包全部结果为 ZIP。
功能说明
围绕图片格式转换和 Web 资源分发中常见的实际需求设计。
- 带有文件状态和进度追踪的批量转换队列
- 支持 JPEG、PNG、WebP 输入,可输出 WebP、JPEG、PNG、AVIF 或优化 PNG
- 面向现代 Web 分发、重视体积的 AVIF 编码
- 不改变视觉效果的无损 PNG 优化
- 用于平衡照片画质和文件体积的质量滑块
- 通过文件名后缀避免覆盖源文件
- 一键 ZIP 导出,方便交付整批素材
- 所有处理都在浏览器本地完成,适合隐私素材和离线工作流
适合哪些场景
适合 Web 发布、内容运营、商品图片准备,以及设计到开发的素材交接。
-
Web 图片格式统一
把来自不同来源的图片统一成更适合网页加载的格式。
-
多平台素材交付
为浏览器、邮件客户端和文档系统生成更稳妥的兼容格式,减少显示问题。
-
发布前资源准备
图片进入项目资源目录前先统一格式,让后续交付和体积检查更容易管理。
-
内容运营批量处理
批量处理文章和活动图片,缩短发布前的素材准备时间。
-
电商商品媒体
在清晰度和文件体积之间取得平衡,同时为不同平台生成格式变体。
-
设计与开发协作
通过后缀命名让原图和转换版并排管理,便于审核和回滚。
使用建议
输出格式和质量应该根据真实分发目标、视觉要求和运行环境限制来决定。
- 确定默认输出格式前,先确认目标浏览器和设备范围。
- 照片内容优先考虑 WebP 或 JPEG;透明背景和 UI 图形更适合 PNG 或优化 PNG。
- 重要的首屏图和商品图转换后一定要人工检查,避免画质回退。
- 高流量页面可以用高效格式搭配 JPEG 或 PNG fallback,更稳妥。
- 保持稳定的命名规则,让批量结果可追踪,也方便回滚。
- 把格式转换纳入发布前检查,并持续观察 Core Web Vitals 的变化。
边界与注意事项
每种格式在兼容性、编码时间、画质和文件体积之间都有不同取舍,没有一种格式适合所有情况。
- AVIF 这类高压缩效率格式编码更慢,大批量图片建议分批处理。
- 同一个质量值在不同图片内容上的表现不同,照片和图标通常需要不同策略。
- 文件夹导入依赖浏览器实现,请在团队实际使用的环境里确认。
- 透明背景、渐变和细节丰富的素材转换后可能出现观感变化,关键素材请务必人工检查。
- 转换后的图片仍要放到真实页面环境里重新检查加载速度和视觉质量。
- 最终判断应同时参考性能指标和业务指标,例如 LCP、带宽和转化。
常见问题
这里整理了格式选择、本地处理、命名方式,以及这个工具适合放在什么流程里的常见问题。
支持哪些输入和输出格式?
输入支持 JPEG、PNG 和 WebP。输出支持 WebP、JPEG、PNG、AVIF 和无损优化 PNG。
PNG 和 PNG 优化有什么区别?
PNG 优化会保持 PNG 输出,同时进行无损压缩,在视觉不变的情况下减小文件体积。
为什么转换后的文件有时比原图更大?
当源图已经高度压缩,或目标格式不适合这类图片内容时,编码开销可能让文件变大。遇到这种情况可以换一种格式试试。
默认输出格式应该怎么选?
先看你要支持的浏览器和设备。Web 场景下 WebP 是比较稳妥的默认候选;需要透明背景时用 PNG;追求最小体积时可以考虑 AVIF。
可以一次导出全部文件吗?
可以。转换完成后点击下载 ZIP,所有输出文件会打包到一个压缩包里。
图片会上传到哪里吗?
不会。解码和编码都在浏览器本地完成,图片不会发送给外部服务。
如何避免覆盖原图?
每个输出文件都会追加文件名后缀,因此原图会保持不变,也可以并排保留多个版本。
这对 SEO 有帮助吗?
有间接帮助。选择合适格式并减小图片体积,可以改善加载速度和 Core Web Vitals,从而提升搜索体验。
更多相关工具
可以搭配图片压缩、Base64 转换和 EXIF 清理,形成从素材准备到 Web 分发的完整图片处理流程。