Implementação de gradiente SVG

É possível recriar esse tipo de gradiente desfocado em um SVG?

Sim e não.

É possível criar uma malha de gradiente no Inkscape e salvá-la como um SVG. No entanto, os padrões SVG usados ​​nos navegadores ainda não suportam malhas de gradiente. Isso pode mudar no futuro, mas, no momento, não.

Outro método que funciona nos navegadores é adicionar vários objetos sólidos, desfocá-los e colocá-los em uma máscara de recorte. Essa ainda é uma solução vetorial pura, não é rasterizada.

Aqui está o SVG da versão que funciona em navegadores, se você quiser.

Editar : o link acima para o SVG não está mais disponível, então eu o removi.

Pode ser feito no Illustrator e no Inkscape como malha de gradiente. Quando salvo como SVG no Illustrator herdado, foi transformado em imagem de bitmap. Obviamente, o Illustator sabia disso há cerca de 6 anos, mas a linguagem SVG não.

Quando salvo no Inkscape como SVG simples, não como SVG do Inkscape, ele permaneceu como malha de gradiente e a abertura do arquivo SVG com um editor de texto revelou que há um comando meshgradient. Veja o trecho de código

Portanto, sem conhecer os padrões, posso dizer "Pelo menos é implementado no SVG simples do Inkscape".

Espero que alguém programador com status de desenvolvimento SVG diga algo exato.

Se seu objetivo é ter um gradiente de malha escalável e leve, você pode tentar este método:

https://peterhrynkow.com/performance/2019/01/13/blowing-up-images-to-make-them-small.html

Não é vetor, mas pode ser porque o tamanho do arquivo é super pequeno e a imagem é dimensionada infinitamente.