so wondering, in svg, filters have applied this:
<defs> <filter id="foo"> <!-- let's pretend --> </filter> </defs> <g filter="url(#foo)"> <!-- graphic elements - or maybe instead of <g> element it's singular graphic --> </g>
now, that's lot of weight file, when image has, example, 1 filter that's used once. however, in javascript or php, similar this:
somefunctionwithcallback(foo); function foo(bar) { // stuff }
can simplified this:
somefunctionwithcallback(function(bar) { // stuff });
is there way same kind of thing in svg? e.g. declare filter inside element use on, while eliminating weight , need store later?
a typical filter couple hundred bytes. average generated svg has tens of kilobytes of crap can optimize out. , average commercial page load has hundreds of kilobytes of image weight , javascript can optimized out.
don't spend time optimizing stuff doesn't matter.