1

When I export an image of a loader I make to .svg code the glow effect doesn't appear later in the implementation (when we add it in the project's html/css).

I see everything else but not the glow effect I added. Actually, the image also changes a little bit when we see it on the screen. Any ideas?

1
  • Can you show us this "glow" you talk about? What did you use to create it? Perhaps edit your question to add a screenshot
    – Luciano
    Commented Aug 14, 2018 at 12:12

2 Answers 2

2

If by glow you mean shadow, I've had the same issue before. But there is a way around it that I've found.

You can fake a glow/shadow using another shape and applying a Gaussian Blur, in my experience this exports just fine from Sketch to SVG.

Sketch SVG Glow using new shape and Gaussian Blur

2
  • Actually, I mean ...glow! But if this you mention does the job I'll give it a try. Thanks
    – KOstas
    Commented Aug 12, 2018 at 6:15
  • @KOstas What I mean is there's no 'glow' effect in Sketch that I know of, but you can create one with 'shadows'.
    – James
    Commented Aug 13, 2018 at 4:38
0

Often, software can have effects which can't be exported in an SVG because they are not supported in the SVG format itself. This goes for other vector image editors, not just Sketch, and also includes the likes of Adobe Illustrator and Inkscape.

When designing graphics which are intended to be output as SVG, try not to rely on any software effects if possible, or only use those effects which are supported in the SVG format, and also in browsers. Simplify the design instead, or try to achieve the effect in a different way which doesn't rely on actual software effects.

1
  • SVG can doglow but its not supported on all platforms
    – joojaa
    Commented Aug 12, 2018 at 16:06

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.