博客图片压缩发布流程

524 字
3 分钟
博客图片压缩发布流程

博客图片压缩发布流程#

图片是博客最容易把页面拖慢的资源。尤其是截图和相册,如果原图直接上传,文章打开速度会明显下降。

我会把它当成一次站点维护记录来写:不仅说明要改什么,还要说明为什么改、怎么验证、失败时怎么回退。这样以后继续维护博客时,不需要重新摸索同一套流程。

先确定维护对象#

压缩前先确认图片用途。正文说明图不需要保留超大分辨率,关键细节图可以单独保留高清版本。文件名用英文和短横线,减少服务器路径问题。

我会先把目标限定到一个很小的范围:是文章内容、frontmatter、图片、内链、搜索索引,还是线上发布流程。对象越清楚,越不容易把一次小修变成无边界重构。

操作步骤#

  • 先在源码里定位相关文件,不直接改构建产物。
  • 修改后检查标题、摘要、分类、标签和日期是否仍然一致。
  • 本地或服务器构建通过后,再看 dist/api/allPostMeta.json 是否更新。
  • 最后抽查真实 URL,不用“我觉得应该好了”代替线上验证。

可复制的检查命令#

Terminal window
find public -type f \( -name '*.png' -o -name '*.jpg' -o -name '*.webp' \) -size +1M -print

复盘标准#

复盘时看图片体积、加载状态和移动端显示。图片能显示只是最低标准,还要看它是否影响首屏加载。

如果这篇文章以后还要扩展,我会优先补真实案例:修改前是什么样,改了哪个文件,构建日志里看到了什么,线上页面怎么确认。维护类文章只有落到证据上,才不是空泛经验。

小结#

博客图片压缩发布流程 的重点是把维护动作变成可验证流程。能定位、能修改、能构建、能线上确认,这篇笔记才有长期价值。

文章分享

如果这篇文章对你有帮助,欢迎分享给更多人!

博客图片压缩发布流程
https://blog.tjcheng.cn/posts/daily/2026-07-05/blog-image-compression-flow/
作者
TengJinCheng
发布于
2026-07-05
许可协议
CC BY-NC-SA 4.0
Profile Image of the Author
TengJinCheng
Hello, I'm Teng.
公告
欢迎来到TengJinCheng工作铺!
音乐
封面

音乐

暂未播放

0:000:00
暂无歌词
分类
标签
站点统计
文章
157
分类
7
标签
114
总字数
109,939
运行时长
0 天
最后活动
0 天前
站点信息
构建平台
Local
博客版本
Firefly v6.13.4
文章许可
CC BY-NC-SA 4.0

文章目录