图片资源处理约定
2023-04-12 01:05:00
# 前端实践
项目内容一旦开始积累,图片往往是最容易失控的一部分。不是因为技术难,而是因为每个人都默认“先传上去再说”。
当前约定
- 封面图宽度优先控制在 1600px 以内
- 正文插图单张尽量不超过 300KB
- 文件名使用中英文都可以,但要避免空格和过长描述
- 每张图都补上与内容相关的 alt 文本
为什么要这么做
图片过大带来的问题很直接:
- 首页首屏加载变慢
- 移动端滚动时出现明显卡顿
- 搜索引擎抓取时页面权重受影响
- 后续二次复用时,没人知道哪张图是原稿、哪张图是压缩稿
协作建议
如果多人一起维护内容,最省事的方式不是“靠记忆”,而是把图片处理规则写成固定清单:
- 上传前先压缩
- 命名时带上用途
- 预览页面时顺手检查暗色主题下的观感
适用范围
这套约定不只适用于博客,也适用于文档站、活动页和运营专题页。只要页面里存在多图内容,这套规则就值得保留。