博客图片压缩发布流程
524 字
3 分钟
博客图片压缩发布流程
博客图片压缩发布流程
图片是博客最容易把页面拖慢的资源。尤其是截图和相册,如果原图直接上传,文章打开速度会明显下降。
我会把它当成一次站点维护记录来写:不仅说明要改什么,还要说明为什么改、怎么验证、失败时怎么回退。这样以后继续维护博客时,不需要重新摸索同一套流程。
先确定维护对象
压缩前先确认图片用途。正文说明图不需要保留超大分辨率,关键细节图可以单独保留高清版本。文件名用英文和短横线,减少服务器路径问题。
我会先把目标限定到一个很小的范围:是文章内容、frontmatter、图片、内链、搜索索引,还是线上发布流程。对象越清楚,越不容易把一次小修变成无边界重构。
操作步骤
- 先在源码里定位相关文件,不直接改构建产物。
- 修改后检查标题、摘要、分类、标签和日期是否仍然一致。
- 本地或服务器构建通过后,再看
dist/api/allPostMeta.json是否更新。 - 最后抽查真实 URL,不用“我觉得应该好了”代替线上验证。
可复制的检查命令
find public -type f \( -name '*.png' -o -name '*.jpg' -o -name '*.webp' \) -size +1M -print复盘标准
复盘时看图片体积、加载状态和移动端显示。图片能显示只是最低标准,还要看它是否影响首屏加载。
如果这篇文章以后还要扩展,我会优先补真实案例:修改前是什么样,改了哪个文件,构建日志里看到了什么,线上页面怎么确认。维护类文章只有落到证据上,才不是空泛经验。
小结
博客图片压缩发布流程 的重点是把维护动作变成可验证流程。能定位、能修改、能构建、能线上确认,这篇笔记才有长期价值。
文章分享
如果这篇文章对你有帮助,欢迎分享给更多人!













