SVG feTurbulence Filter Primitive
feTurbulence generates procedural Perlin or fractal noise directly in the filter, useful for textures, grain, and displacement maps.
Drop your image here
Supports PNG, JPG, BMP, WEBP up to 5MB
Generating Noise with baseFrequency and numOctaves
feTurbulence generates procedural noise using the baseFrequency attribute to control the noise's granularity and numOctaves to control its detail and complexity, with a type attribute switching between smoother fractalNoise and starker turbulence patterns, producing output entirely from mathematical functions rather than an image input.
- baseFrequency controls how fine or coarse the generated noise pattern is
- numOctaves adds layered detail and complexity to the noise output
- type switches between smoother fractalNoise and starker turbulence patterns
Practical Applications of feTurbulence
feTurbulence is commonly combined with feColorMatrix to create film grain and paper texture effects, or with feDisplacementMap to distort a shape's edges into an organic, hand-drawn appearance, making it a key tool for adding procedural, non-repeating texture to otherwise clean vector graphics.
- Combining with feColorMatrix creates film grain and paper texture effects
- Combining with feDisplacementMap distorts edges into an organic appearance
- A key tool for adding non-repeating procedural texture to vector graphics
Frequently Asked Questions
What's the difference between fractalNoise and turbulence types?
fractalNoise produces smoother, cloud-like noise while turbulence produces starker, more contrast-heavy patterns, both controlled by the same baseFrequency and numOctaves attributes.
Can feTurbulence noise be animated?
Yes, animating the seed attribute or baseFrequency over time via SMIL or JavaScript produces a shifting, animated noise pattern useful for organic background effects.
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