图片格式转换：PNG、JPG、WebP 互转。
把图片在 PNG、JPG 和 WebP 之间互相转换，一次一张或多张都行，还能对比每个文件转换前后的大小。全程在浏览器里完成，图片不会上传。
在你的浏览器里运行，放进来的内容不会上传，也不会保存。
怎么转换图片格式
- 选择图片，或者直接拖到上面的框里。一次可以选好几张。
- 选择目标格式：PNG、JPG 或 WebP。
- 调整质量（仅 JPG 和 WebP），范围 40% 到 100%，默认 85%。调低文件更小，但压缩痕迹会更明显。PNG 是无损格式，没有质量选项。
- 点击转换，然后逐个下载。列表里会显示每个文件转换前后的大小。
几点说明：
- 透明背景。 PNG 和 WebP 会保留透明区域。JPG 不支持透明，透明的地方会变成白色。
- 尺寸和文件名。 图片宽高不变，文件名也不变，只换扩展名：
hero.png会变成hero.webp。 - 输入格式。 除了 PNG、JPG 和 WebP，浏览器能打开的其他图片（比如 GIF）也能转换。动图只会保存成一张静态图。
- 元数据。 每张图片都是按像素重新绘制的，拍摄参数、GPS 位置这类元数据不会带到新文件里。
- 浏览器支持。 如果你的浏览器不能保存某种格式，工具会直接提示，不会偷偷存成别的格式。换一种格式或浏览器再试。
转成 WebP，让 Codex 做的页面加载更快
图片通常是网页里最重的部分。同样的观感下，WebP 一般比 JPG 小不少，照片类图片更是比 PNG 小得多，而且所有主流浏览器都能显示。在图片放进项目之前先转好格式，是最省事的提速办法。
- 放进项目之前先转换。 首屏大图、界面截图、为设计生成的图片，都可以转成 WebP，质量设在 75% 到 85% 之间，转完看一眼效果，再放进项目的图片目录，比如
public/images。 - 该用 PNG 的地方还用 PNG。 如果 WebP 让某张图里的细线条或小字变模糊，这张就保留 PNG。Logo 和图标通常用 SVG 最好。
- 图片很多时交给构建流程。 几张图用这个工具最快；几十张以上，就让 Codex 在构建流程里加一个转换步骤。
然后让 Codex 用上新文件：
换成 WebP 图片
[落地页] 改用 [public/images] 里的 WebP 图片。把所有引用 PNG 或 JPG 的地方都换成对应的 .webp 文件，给每个 <img> 写上 width 和 height，避免加载时页面跳动；首屏以下的图片用懒加载。
常见问题
这个图片格式转换工具免费吗？
免费。不用注册，不加水印，也不限制每天的转换次数。
图片会上传到服务器吗？
不会。每张图片都由你的浏览器在本机读取、重新绘制和保存。转换好的文件只放在页面内存里，直到你再次转换或关闭页面。网站只统计工具被用过，从不记录你放进来的内容。
WebP 比 PNG、JPG 好吗？
放在网站上的大多数图片，用 WebP 更好：同样的观感下通常比 JPG 小，而且和 JPG 不同，它支持透明背景。要发邮件，或者给打不开 WebP 的老软件用，JPG 仍然最稳妥；PNG 能原样保留每个像素，对一些截图和图形来说很重要。
为什么转换后文件反而变大了？
把 JPG 或 WebP 转成 PNG，文件通常会变大，因为 PNG 不做有损压缩，每个像素都原样保存。质量设得很高时，WebP 或 JPG 也可能比原图更大。想要更小的文件，就选 WebP，或者调低质量。