图集页往往因大图导致首屏缓慢。aoglang 在构建阶段用 sharp 将 upload 原图转为 WebP，并区分列表缩略图与详情主图。
为什么要两套尺寸
瀑布流列表可能同时展示数十张卡片，若每张都加载 4K PNG，移动网络下体验很差。本站规则：卡片用 *-thumb.webp（宽≤480px），单图页用 *.webp（宽≤1400px），原图仅保留在本地 upload 目录。
与 SEO 的关系
更快的 LCP 有利于体验信号；同时每张图仍有独立 URL、title、meta description 与 ImageObject 结构化数据。浏览 图集索引 时，搜索引擎与用户都能从缩略图进入完整说明页。
发布新图流程
将 PNG/JPG 放入 upload/picture/，运行 npm run build，脚本会复制并优化到 assets/img/gallery/，并再生双语 HTML。更多站点结构见 静态网站搭建指南。