为更快的网站准备图片
把照片和页面图做成布局实际使用宽度的 WebP。首页很重、图片还是相机全分辨率时，这是常用做法。
- 快
- 100% 私密
- 始终免费
- 任何浏览器
把图片拖到这个页面的任意位置
JPG、PNG、WebP、GIF、SVG、HEIC、AVIF。照片留在这台设备上。
什么时候用
这里的默认是 WebP。照片通常比 JPG 更小，界面元素的透明也能保留。现在的浏览器都能显示它。
CMS、邮件通讯或合作方还不接受 WebP 时，保持 JPG。必须保持绘制原样的标志，保持 PNG。
如果目标是页面速度，减小宽度和更换格式一样重要。4000px 的 WebP 体积仍然很大。
如果还要格式化 JSON，或不把令牌贴到公开网站就查看，请使用 ToolBuddy。那个工具也留在浏览器里。
怎么做
- 拖入要放到页面上的图片。
- 只要看不到色带，下载时保持 WebP，质量放在 0.8 左右。
- 最大宽度放在 1600 左右。在 Retina 屏幕上按 1200 CSS 像素显示的图片，设成 2400。
- 下载 WebP，替换主题或 CDN 里的原文件。
小提示
- 页首大图用一张 WebP，不要用那张照片的 PNG 截图。
- 商品列表里宽度一致，缓存和布局会更稳。
- 对方打不开预览时，另做一份 JPG。网站上仍保留 WebP。
相关
常见问题
还需要 JPG 备用吗？
2026 年的公开网站几乎不需要。如果必须兼容无法测试的很旧的应用内浏览器，就保留 JPG。
WebP 会破坏 WordPress 媒体库吗？
现在的 WordPress 接受 WebP。旧插件拒绝该文件时，只把那一张改回 JPG。
会在这个网站的 CDN 上处理吗？
不会。转换在这个浏览器里完成。我们看不到文件。