SVG Turbulence Filter (feTurbulence)
SVG's feTurbulence primitive generates Perlin-noise-based procedural texture entirely within the format — no external noise image needed.
Drop your image here
Supports PNG, JPG, BMP, WEBP up to 5MB
How feTurbulence Generates Noise
`<feTurbulence type="turbulence" baseFrequency="0.05" numOctaves="3">` generates procedural Perlin noise as a filter primitive — `type="fractalNoise"` produces a softer, cloud-like variant, while `baseFrequency` controls the noise's granularity (lower values produce larger, smoother patterns).
- type="turbulence" produces sharper, more chaotic noise patterns
- type="fractalNoise" produces softer, cloud-like variations
- baseFrequency controls noise granularity — lower means larger patterns
Common Effect Applications
feTurbulence alone creates static or paper-grain textures, combining it with `feColorMatrix` produces colored noise effects, and feeding turbulence output into `feDisplacementMap` creates organic distortion effects (wavy text, liquid-like edges) — a technique combination that appears frequently in creative SVG filter effects.
- Standalone turbulence creates static, grain, or paper-texture effects
- Combined with feColorMatrix, produces stylized colored noise
- Feeding into feDisplacementMap creates organic wave/liquid distortions
Frequently Asked Questions
Is feTurbulence performance-intensive?
It can be, especially at high numOctaves values or applied to large areas — test performance on target devices, particularly mobile, since filter-heavy SVG can strain rendering on less powerful hardware.
Can feTurbulence create a realistic wood grain or marble texture?
With careful tuning of baseFrequency, numOctaves, and combined color mapping, feTurbulence can approximate organic textures like wood grain or marble reasonably well, though highly realistic results often still benefit from a raster texture instead.
Related guides
Ready to Convert Your Image to SVG?
Free online converter — no sign-up, no watermarks, results in under 3 seconds.
Try It Free — Convert Image to SVG