Hi Inkscape Community,

I’m designing SVG graphics in Inkscape for my website, but I’ve noticed that they sometimes slow down page load times, especially when I have multiple SVGs on a single page. I’m looking for the best way to optimize these SVGs to improve my site’s performance without sacrificing image quality.

Here’s what I’ve tried so far:

• Exported with different levels of simplification, but sometimes it affects the clarity.
• Used Inkscape’s "Save As Optimized SVG" option, but I’m not sure I’m choosing the best settings for web use.
• Tried an external SVG optimizer, but it removed some attributes and altered the visuals.

Are there specific settings or export methods in Inkscape that work best for website performance? Any tips for balancing file size and quality would be really helpful!

Thanks in advance for any insights!

I'd try using clones in the artwork wherever possible, minimize use of filters, ungroup where possible, maybe use css classes instead of inline styles.