Генератор SVG-текстуры шума

Текстуры шума и зерна без пикселей

В SVG встроен генератор шума через фильтр <feTurbulence>. Этот инструмент даёт визуальный интерфейс для точной настройки всех параметров и выводит чистый самодостаточный SVG, готовый к использованию как оверлей или фон.

Два типа шума

• fractalNoise — складывает октавы турбулентности, давая мягкий облакообразный узор. Отлично для органического зерна и «бумажных» текстур.
• turbulence — сырой, более контрастный шум, напоминающий статику или «снег» на телевизоре. Хорош для глитч-эффектов.

Элементы управления

• Базовая частота — насколько мелкий шум. Малые значения — крупные мягкие пятна; большие — мелкие крапинки.
• Октавы — сколько слоёв шума суммируется. Больше октав = больше деталей.
• Seed — целое число для воспроизводимости. Один seed = один узор.
• Монохром / Цветной — монохром умножает все каналы на выбранный цвет; цветной сохраняет исходный RGB-шум.
• Передний план, Фон, Непрозрачность — настраивают, как шум ложится на фоновый прямоугольник.

Применения

• Зернистые оверлеи на hero-изображениях
• Ретро-эффекты в стиле TV/VHS
• Фоны «бумага» или «холст» для UI-карточек
• Плёночное зерно поверх градиентов (в паре с инструментом Зернистый градиент)
• Визуальный шум для дизайн-систем

SVG остаётся чётким на любом размере, а браузеры растеризуют шум попиксельно при отрисовке — никаких швов плитки и никакого размытия при масштабировании. Вставляйте в HTML или используйте как background-image: url(...) с data URI для минимального размера.