图片资源处理约定
发布时间 2023-04-12 01:05:00 # 前端实践

项目内容一旦开始积累,图片往往是最容易失控的一部分。不是因为技术难,而是因为每个人都默认“先传上去再说”。

当前约定

  • 封面图宽度优先控制在 1600px 以内
  • 正文插图单张尽量不超过 300KB
  • 文件名使用中英文都可以,但要避免空格和过长描述
  • 每张图都补上与内容相关的 alt 文本

为什么要这么做

图片过大带来的问题很直接:

  • 首页首屏加载变慢
  • 移动端滚动时出现明显卡顿
  • 搜索引擎抓取时页面权重受影响
  • 后续二次复用时,没人知道哪张图是原稿、哪张图是压缩稿

协作建议

如果多人一起维护内容,最省事的方式不是“靠记忆”,而是把图片处理规则写成固定清单:

  1. 上传前先压缩
  2. 命名时带上用途
  3. 预览页面时顺手检查暗色主题下的观感

适用范围

这套约定不只适用于博客,也适用于文档站、活动页和运营专题页。只要页面里存在多图内容,这套规则就值得保留。

2023-04-14 02:20:00
Next