Download

Online

Gallery

Blog

  Index  | Recent Threads  | List Attachments  | Search
 Welcome Guest  |  Register  |  Login
Login Name  Password
 

Sweet Home 3D Forum



No member browsing this thread
Thread Status: Active
Total posts in this thread: 14
Posts: 14   Pages: 2   [ Previous Page | 1 2 ]
[ Jump to Last Post ]
Post new Thread
Author
Previous Thread This topic has been viewed 1141 times and has 13 replies Next Thread
flip3
Newbie



Switzerland
Joined: May 6, 2024
Post Count: 10
Status: Offline
Reply to this Post  Reply with Quote 
Re: Wall pattern disappears in SVG when embedded in website

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.
[May 9, 2024, 6:30:19 PM] Show Printable Version of Post    View Member Profile    Send Private Message [Link] Report threatening or abusive post: please login first  Go to top 
sjb007
Advanced Member




Joined: May 18, 2021
Post Count: 243
Status: Offline
Reply to this Post  Reply with Quote 
Re: Wall pattern disappears in SVG when embedded in website

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.
[May 9, 2024, 7:55:23 PM] Show Printable Version of Post    View Member Profile    Send Private Message [Link] Report threatening or abusive post: please login first  Go to top 
Daniels118
Advanced Member
Member's Avatar

Italy
Joined: Nov 17, 2021
Post Count: 439
Status: Offline
Reply to this Post  Reply with Quote 
Re: Wall pattern disappears in SVG when embedded in website

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.
----------------------------------------
[Edit 1 times, last edit by Daniels118 at May 9, 2024, 10:05:28 PM]
[May 9, 2024, 10:04:45 PM] Show Printable Version of Post    View Member Profile    Send Private Message [Link] Report threatening or abusive post: please login first  Go to top 
flip3
Newbie



Switzerland
Joined: May 6, 2024
Post Count: 10
Status: Offline
Reply to this Post  Reply with Quote 
Re: Wall pattern disappears in SVG when embedded in website

@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.
[May 10, 2024, 5:47:39 AM] Show Printable Version of Post    View Member Profile    Send Private Message [Link] Report threatening or abusive post: please login first  Go to top 
Posts: 14   Pages: 2   [ Previous Page | 1 2 ]
[ Jump to Last Post ]
Show Printable Version of Thread  Post new Thread

  Get Sweet Home 3D at SourceForge.net. Fast, secure and Free Open Source software downloads  
© Copyright 2024 Space Mushrooms - All rights reserved