Wall pattern disappears in SVG when embedded in website

[flip3]

What I can tell you is that the svg file on your lagerraum web page does not contain the necessary embedded image data (base64 encoded) for the hatching pattern. When you export from SH3D it encodes the pattern as a single large encoded image. This is missing in the server delivered file.

Now, I got it. This pattern is actually not a vector graphic but a rasterized image which blows up the file size. When I enlarge my vector file, the pattern becomes blurry. Well, that's of course not so good. Therefore, you cannot compress the SVG file itself but I would need to save the file as PNG as you suggested.

[sjb007]

An alternative is to open your SVG file in Inkscape. Select the hashing image object(s) and delete it. Now select the wall outline, and use the Inkscape "pattern" fill feature on the actual wall outline. The outline and the fill are separate objects which makes this possible. You can select a pattern, rotate it and scale it, and I managed to get something pretty close to the hashing you used using one of the builtin options by doing this.

The Inkscape patterns are purely vector based, and will give you small file sizes.

[Daniels118]

Have you tried the SVG tuner plugin? It will compress the embedded images to get a smaller svg file. Compression is lossless, so won't be any blurred image.

[flip3]

@sjb007: I think that this is a good and easy solution since I need also other edits such as changing the font colors. I will try this since my CMS strips out base64-encoded images from the SVG.
@Daniels118: I installed the plugin and it changes the file size a lot. In my case the file size of the SVG went down from more than 1 MB to about 50KB

Thanks a lot for your suggestions.