带宽只有 3Mbps(约 375KB/s),图片和视频都必须有明确的预算。

服务器媒体管理

视频壁纸的取舍

  • 短循环优先,控制在 8-12 秒。
  • 压缩到 2MB 以内,CRF 31 起步。
  • 海报图先加载,视频空闲时再接管。
  • 移动端和省流量模式直接使用静态图。

实际压缩参数

ffmpeg -i input.mp4 -t 8 
  -vf scale=960:540 -c:v libx264 
  -crf 31 -preset slow -an -movflags +faststart 
  output.mp4

用这套参数压出来的四段渐变壁纸,每段只有 55–100KB,肉眼几乎无损。

图片的策略

文章配图统一走懒加载(loading="lazy"),首屏之外的图片在滚动到附近时才开始请求。配合灯箱预览,小图足够列表浏览,点击后才加载原始尺寸。

带宽是硬约束,但约束反而催生了「先快后炫」的设计——这比无脑堆资源的产品体验更好。
周末散步:城市边缘的光 Aurora 首页的设计笔记