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?

  • 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 Aug 14 '18 at 12:12

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

| improve this answer | |
  • Actually, I mean ...glow! But if this you mention does the job I'll give it a try. Thanks – KOstas Aug 12 '18 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 Aug 13 '18 at 4:38

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.

| improve this answer | |
  • SVG can doglow but its not supported on all platforms – joojaa Aug 12 '18 at 16:06

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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