SVG 噪点纹理生成器

无像素的噪点与颗粒纹理

SVG 通过 <feTurbulence> 滤镜内建了一个噪点生成器。本工具提供可视化界面调整每个参数，导出干净独立的 SVG，可直接用作叠加层或背景。

两种噪点类型

• fractalNoise — 叠加湍流八度，得到柔和、云朵般的图案。适合有机颗粒与纸感纹理。
• turbulence — 原始、对比度更高的噪点，更像电视雪花或静电。非常适合 glitch 效果。

控制项

• 基础频率 — 噪点的细腻程度。小值得到大而柔和的块；大值得到细小斑点。
• 八度 — 叠加的噪点层数。越多越有细节。
• 种子 — 用于可复现的整数。同种子 = 同图案。
• 单色 / 彩色 — 单色模式将所有通道乘以你选的颜色；彩色保留原生 RGB 噪点。
• 前景、背景、不透明度 — 调整噪点与背景矩形的关系。

用途

• 叠加在英雄图上的颗粒层
• 复古电视 / VHS 风 glitch
• UI 卡片的纸感 / 画布背景
• 叠在渐变之上的胶片颗粒（配合颗粒渐变工具）
• 设计系统的视觉噪点

SVG 在任何尺寸下都保持锐利，浏览器在显示时按像素光栅化——无拼接缝、放大不糊。粘贴到 HTML，或以 data URI 形式写入 background-image: url(...)，体积最小。