Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It only takes a minute to sign up.
Sign up to join this community
I created an object with inkscape and added an overlay object(blend mode) on top. The problem is that outside of inkscape(other editors etc.) i can only see the overlay and not the combination of the two objects. Any way to fix this? I suppose that the blend mode of the overlay becomes automatically normal.
This is an example. The correct color of the square is pink but in many editors or webpages it is rendered as red.
As Joojaa mentioned in comments, each renderer or editor can interpret SVG filters differently. The best solution is to "flatten" the filter (if your filter makes blue turn into pink, fill your object with pink instead).
I had a look at your SVG. When opened in Inkscape 1.0, I can't see any evidence of blending modes, although I can see it when I examine the XML. What version of Inkscape are you using?
SVG blending modes used to be a bit iffy with patchy support in browsers, but modern browsers now seem to support SVG layers with Blending modes. Perhaps consider moving the shape to be blended onto its own layer, then set the blend mode of the layer. I tested this and it seems to work using Inkscape 1.0 and viewing the SVG in Chrome, Firefox, and MS Edge. Here's an example
Obviously this doesn't mean that the SVG will necessarily render properly in other vector image editors which might not support current SVG standards to the same extent as Inkscape or modern web browsers. For example, the SVG I linked to doesn't render properly in Adobe Illustrator 2018. But Illustrator is notorious for its poor SVG support.
