OnlineFreeTools.org
  • 首页
  • 工具
  • 开发日志
  • English
  • 中文
  • Español
  • العربية
  • Português
  • Bahasa Indonesia
  • Français
  • 日本語
  • Русский
  • Deutsch

工具

在线查看 HTTP 响应头查询我的公网 IP — 查看当前出口地址Markdown ↔ HTML 转换 — 预览与安全清理在线文本对比 — 文本差异对比工具YAML ↔ JSON 互转 — 类型规则、多文档、本地处理CSV ↔ JSON 互转 — 类型、分隔符、本地处理HTML 实体编解码 — 转义、反转义、本地处理图片格式转换 — PNG / JPEG / WebP / AVIF(本地)图片 EXIF 查看与清除 — GPS、相机信息、本地处理图片压缩 — 缩小尺寸与文件体积,本地完成给域名添加 www DNS — 记录生成与各平台教程IndexNow — Bing URL 提交、密钥检查与状态码BMI 计算器 — 如何计算身体质量指数投资回报率(ROI)计算 — 公式与示例边际收益计算 — 公式 MR = ΔTR / ΔQ平方英尺转平方米 — 看房与装修面积换算百分比变化计算 — 旧值到新值的涨跌幅多元函数梯度计算 — ∇f 偏导向量

图片格式转换 — PNG / JPEG / WebP / AVIF(本地)

在浏览器内把图片在 PNG、JPEG、WebP、AVIF 之间转换。步骤:选择文件、选定目标格式、调节质量(转 JPEG 时可设底色),再下载。示例:透明 PNG 截图转成 WebP 方便上站;也可把 AVIF 转成 JPEG 给旧软件打开——文件不离开本机。

0.85
JPEG 背景

怎么用

选好图片和目标格式后,页面在本地解码像素、画到画布,再调用浏览器编码器。转 JPEG 时可先铺底色,避免透明变成不可预期的颜色。输出会核对 MIME,防止静默回退被当成成功。

需要知道的规则

四种格式在透明、有损质量和编码支持上并不相同。选目标前先看清这些差异。

  • 流程:解码 →(JPEG)铺底色 → 绘制 → toBlob。PNG 忽略质量(始终无损);WebP 质量 1.0 可能走无损。
  • 透明:PNG / WebP / AVIF 可保留 alpha;JPEG 没有透明通道,需选白、黑或自定义底色。
  • 编码:能解码不等于能编码。AVIF 编码多见于 Chromium;若浏览器回退到其他类型,本页会校验并提示。
  • 隐私:图片字节不上传,全程用浏览器内置 API 在本页处理。

示例

输入:240×160 带透明背景的 PNG 图标。目标 JPEG + 白底 → 得到无 alpha 的 JPEG。同一图标转 WebP(质量 0.85)→ 像素尺寸不变,体积常明显变小。可点「加载示例」试这两种路径。

适合什么场景

  • 上站交付:截图或照片先转成 WebP/AVIF 再传到 CMS/CDN。
  • 设计交稿:带透明的 UI 图标铺底后导出 JPEG,给不支持透明的工具用。
  • 兼容旧软件:把 AVIF/WebP 转成 JPEG,方便办公或打印软件打开。

常见问题

图片会上传到服务器吗?

不会。解码与编码都在本地。可在开发者工具 Network 里确认没有把图片 POST 出去。

为什么有时选不了 AVIF?

很多浏览器能显示 AVIF,但不一定能编码(常见于 Chromium)。不支持时会禁用选项或给出明确失败提示,不会假装成功。

透明 PNG 转 JPEG 会怎样?

JPEG 没有透明通道。请选白、黑或自定义底色,避免各浏览器默认填充不一致。

质量滑条对 PNG 有用吗?

没有。PNG 输出是无损的。JPEG / WebP / AVIF 才会使用质量(WebP 到 1.0 可能无损)。

怎么确认真的转成了 WebP 或 AVIF?

看结果区的 MIME,再下载文件核对。若浏览器静默回退,本页会报错而不是假装成功。

相关工具

  • 图片 EXIF 查看与清除 — GPS、相机信息、本地处理
  • 图片压缩 — 缩小尺寸与文件体积,本地完成

分享这个工具

可通过社交网络分享,或复制本页链接;支持系统分享的设备也可一键分享。

XFacebookLinkedInRedditWhatsAppTelegram

https://onlinefreetools.org/zh/tools/image-format-converter

咨询与反馈

页面不清、功能异常或想提建议?在下方起草邮件,我们会阅读每一封关于工具的来信。

邮箱: dailyonetools@outlook.com

参考来源

  • MDN — HTMLCanvasElement.toBlob()
  • WebP — Google Developers
  • AV1 Image File Format (AVIF)
  • Portable Network Graphics (PNG)
OnlineFreeTools.org · 学习项目 · 持续迭代 · 关于