Tiny Online Tools logoTiny Online ToolssearchПоиск инструментов…grid_viewВсе инструменты
Главнаяchevron_rightSVG-инструментыchevron_rightГенератор SVG-текстуры шумаГенератор SVG-текстуры шума

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

Создавайте плиткообразные SVG-текстуры шума и зерна как чистый SVG — идеально для оверлеев, фонов и эффектов плёночного зерна.

ШумФрактальный шумТурбулентностьСшивать плиткиТонИнверсияМонохромЦветРазмеры выводаСгенерированный кодcodeSVGbrushCSS
xml
css

Похожие инструменты

Генератор зернистого градиента

Генератор зернистого градиента

Создавайте модные зернистые градиентные фоны как чистый SVG с управлением типом градиента, стопами, интенсивностью зерна и масштабом текстуры.

Генератор брызг SVG

Генератор брызг SVG

Создавайте органичные чернильные и красочные брызги в формате SVG. Управляйте количеством капель, радиусом, разбросом и нерегулярностью для уникального арта, гранж-текстур и художественных фонов.

Генератор SVG-спирали

Генератор SVG-спирали

Создавайте SVG-спирали Архимеда и логарифмические спирали с полным контролем над витками, радиусом, толщиной обводки и градиентной заливкой — идеально для декоративных форм, логотипов и фонов.

Генератор изометрического SVG-узора

Генератор изометрического SVG-узора

Создавайте 3D-подобные изометрические узоры из кубов в виде SVG — идеально для современных фонов, тайлов для игр и архитектурных иллюстраций.

Изменитель скорости GIF

Изменитель скорости GIF

Ускоряйте или замедляйте анимированные GIF в браузере. Множитель от 0.1× до 5×, сохраняет кадры.

Массовый Поворот Страниц PDF

Массовый Поворот Страниц PDF

Поворачивайте каждую страницу PDF независимо одним кликом. Идеально для сканов со смешанной ориентацией.

Конвертировать AVIF в JPG

Конвертировать AVIF в JPG

Конвертируйте современные AVIF-изображения в универсальный формат JPG прямо в браузере.

apps

Больше инструментов

Просмотрите нашу полную коллекцию бесплатных онлайн-инструментов.

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

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

Два типа шума

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

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

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

Применения

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

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