氛围与背景 · 页面的空气
胶片颗粒Film grain
- 有质地
- 旧
- 细碎
一层细碎的噪点盖在照片上，每帧都不一样 —— 于是平面的图有了「拍出来」的质地，而不是「渲染出来」的。它几乎不会被注意到，但一去掉，图立刻变干净、也变廉价。
什么时候用它
用在「照片或视频是主角」的地方：作品集、影片封面、首屏大图。要让整页统一有胶片感，就在最外层统一加一层，而不是给每张图各加一层。小图标和纯色按钮上别用——那里没有要增加的质地，只会让边缘发毛；小字附近也别用，噪点会明显拉低可读性。
参数
noise 88×60 scaled to frame · overlay · opacity 0.5 · 72ms a frame, discrete frames · fades out 420ms ease-out every 3s
配方
胶片颗粒 → 72ms ease-out胶片颗粒 → noise 88×60 scaled to frame · overlay · opacity 0.5 · 72ms a frame, discrete frames · fades out 420ms ease-out every 3s
给 AI 的一句话
给这张图加胶片颗粒：在图上叠一张 88×60 的小画布，逐像素填 128±75 的随机灰，再用 image-rendering: pixelated 放大到整张图的大小 —— 不要按 1:1 逐像素画满，那个又慢又太细，放大后的粗颗粒才像胶片。整层用 overlay 混合、透明度 0.5。噪点每 72ms 换一帧（约 14fps），不要跟着屏幕刷新率换，否则会变成电视雪花。另外每 3 秒让整层淡出再回来一次，让人看清有颗粒和没颗粒的差别。