图像格式的演变
图像占据了典型网站大部分的带宽。几十年来，JPEG 和 PNG 是唯一的实际选择。然而，随着 Web 的发展，我们需要在不牺牲视觉质量的前提下提供更好压缩率的格式。
图像格式一直面临“黄金三角”挑战：质量、文件大小和浏览器支持。JPEG 支持最广，但在小文件大小时会出现明显伪影；PNG 支持透明度但照片文件体积巨大。
我们的现代图像转换器面向浏览器可解码的图片，并提供 PNG、JPG、WebP 与 Base64 导出。它适合快速处理网页素材、文档截图、图标预览和小型内联资源。
了解支持的工作流
1. WebP：当前的 Web 标准
由 Google 开发，提供卓越的有损和无损压缩。
- 性能： 有损 WebP 图像比同等质量的 JPEG 小 25-34%。
- 透明度： 支持 Alpha 通道（类似 PNG），但体积更小。
- 支持： 现已被所有主流浏览器（Chrome、Safari、Firefox、Edge）支持。
2. PNG 与 JPG：兼容性默认选择
PNG 和 JPG 仍然是最稳妥的导出格式。
- PNG： 适合截图、UI 捕获、透明背景和文字边缘清晰的图像。
- JPG： 适合照片，以及需要最大兼容性的场景。
- 取舍： JPG 是有损压缩；PNG 对照片通常体积更大。
3. AVIF 与 HEIC：输入边界
AVIF 和 HEIC 都是重要的现代格式，但本工具没有把它们作为目标导出格式。
- AVIF 输入： 如果当前浏览器可以解码 AVIF，上传后可能可用。
- HEIC 输入： 不是稳定的浏览器原生输入格式。
- 导出范围： 本工具导出 PNG、JPG、WebP、GIF、SVG 或 Base64。
4. SVG (可缩放矢量图形)
使用数学方程（矢量）而非像素的特殊格式。
- 无限缩放： 绝不失真，非常适合 Logo、图标和插图。
- 可编辑性： 可以通过 CSS 和 JavaScript 进行操作。
技术深挖：有损与无损压缩
了解二者的区别是选择正确格式的关键：
- 有损 (JPEG, WebP)： “丢弃”一些人眼不易察觉的视觉数据，从而实现体积削减。适用于照片。
- 无损 (PNG, 无损 WebP)： 精确保留每一个像素。适用于包含文字的屏幕截图或需要多次编辑的图像。
图像转 Base64：何时使用？
Base64 编码将图像转换为一长串文本，可以直接嵌入代码中。
使用策略：
- 建议用于： 极小的图标（小于 1KB），以减少 HTTP 请求数，从而加快初始页面渲染。
- 不建议用于： 大图。Base64 会使文件体积增加约 33%，会使 HTML/CSS 文件变得臃肿，并减慢浏览器的解析速度。
性能优化工作流
- 来源： 始终从最高质量的原图（RAW 或 PNG）开始。
- 转换： 使用我们的工具生成通用版的 WebP，或在兼容性优先时导出 PNG/JPG。
- 调整尺寸： 确保图像尺寸不大于其实际显示的尺寸。
- 实施： 使用 HTML
<picture>标签根据用户浏览器提供最佳格式：
<picture>
<source srcset="image.webp" type="image/webp">
<img src="image.jpg" alt="描述">
</picture>
隐私与安全
你的图像是隐私的。与许多将文件上传到服务器的在线转换器不同，我们的工具完全在你的浏览器中完成所有转换。数据绝不会离开你的电脑，确保了敏感文档或私人照片的绝对保密和安全。