免费在线图片优化工具生成响应式图片和 picture 元素
新浏览器想要 AVIF，旧浏览器想要 WebP，而其余的也总得有个东西可用。拖入一张图片，带走整套文件，加上那段能给每位访客送上合适文件的标记。
新浏览器想要 AVIF，旧浏览器想要 WebP，而其余的也总得有个东西可用。拖入一张图片，带走整套文件，加上那段能给每位访客送上合适文件的标记。
每一张都产生整套文件，而不是一个文件。
AVIF、WebP 和 JPEG，各有 1280 和 360 像素，外加每张图片一个 picture 元素，来源顺序正确。
填写图片将要存放的文件夹和替代文字，复制标记并取走 zip——HTML 也以文本文件的形式装在里面。
因为浏览器会取用它认得的第一个来源，所以 AVIF 必须排在 WebP 之前，而单独的 img 必须排在最后。顺序错了，每位访客都会拿到您提供过的最大那个文件。这正是手写时最枯燥、也最容易在不知不觉中弄错的部分。
1280 覆盖笔记本和大多数平板；360 覆盖手机，而手机才是省流量真正重要的地方。srcset 把选择权交给浏览器，所以网络慢的手机永远不会去下载桌面尺寸的文件。
不需要。它们就是普通文件：放到 HTML 旁边，标记就能用。如果以后您在站点前面放了真正的图片 CDN，这些都不再需要，但对于手写页面上的几张图片，这就是全部工作。
写这张图片呈现了什么，就像讲给看不见它的人听。批量处理时每张图片都有自己的字段，因为十张照片共用一段描述对谁都没有帮助。只有当图片纯属装饰时才留空。