SVG Filter result Attribute
The result attribute assigns a name to a filter primitive's output, letting later primitives reference it out of linear order.
Drop your image here
Supports PNG, JPG, BMP, WEBP up to 5MB
Naming Outputs for Non-Linear Chains
Setting result="blurred" on a primitive like feGaussianBlur lets any later primitive reference that exact output via in="blurred", regardless of how many other primitives appear in between, which is essential for branching filter chains where one intermediate result feeds into two or more separate downstream primitives.
- result names a primitive's output for later reference by that exact name
- Later primitives can use in to reference a named result regardless of position
- Essential for branching chains where one result feeds multiple downstream steps
Building Branching Filter Effects
A filter that needs both a blurred glow and a sharp outline derived from the same source might name the blur result "glow" and reference it in one feMerge branch, while separately referencing SourceAlpha in another branch for the outline, combining both named branches together in a final feMerge or feComposite step.
- A named "glow" result can feed one branch of a feMerge composite
- A separate SourceAlpha-based branch can build an outline in parallel
- Both named branches combine together in a final feMerge or feComposite step
Frequently Asked Questions
Is the result attribute required on every filter primitive?
No, result is optional and only needed when a later primitive must reference that specific output by name, such as in branching or non-linear filter chains.
Can two primitives share the same result name?
Technically later duplicates overwrite earlier ones for subsequent lookups, so it's best practice to keep every result name unique within a single filter element.
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