É possível recriar esse tipo de gradiente desfocado em um SVG?
11
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.
fonte
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.
fonte