In this discussion TiddlyWiki 5 core icon development - #16 by duarte.framos the use of Inscape was raised. Inkscape is a free and open-source vector graphics editor; it can be used to create or edit vector graphics such as illustrations, diagrams, line arts, charts, logos and complex paintings. …

On the Size of your SVG’s It is useful when creating SVG’s and modifying core tiddler to give a height and with of 1em, a CSS relative unit , Relative to the font-size of the element (2em means 2 times the size of the current font) then; when used in text it fits in with the font size, and still w…

I think I will build an exporter to export an SVG tiddler to an SVG file, for example, basically tiddlername.svg (if not already a .svg) containing only the text field, containing the SVG “code”. In this case a more generic export as a text file with the tiddlername (including extension being used…

Inkscape is great but it does embed a ton of extra cruft that may or may not interfere with some of the CSS that you want to apply. Two things I have done in the past: Export as a “Plain SVG” … that gets rid of some of the Inkscape-internal styles that help with reimporting saved SVGs. Pass th…

Thanks for that. I wonder if we can have this utility embeded into Inkscape or used in batch to improve the workflow. is this enought to look for a new SVG editor? perhaps we could make a cleaner in tiddlywiki can we determin what the extra overhead is and is it realy an issue.

To clean the Inkscape SVG files, Jeremy uses svgomg a well designed svg cleaner. And in this post, he talks about different kind of SVG inside html documents : [image] Page toolbar icon: how to darken on hover? The crux here is that SVG images come in two fo…

Do these cleaners result in less customisability once they become SVG tiddlers?

About SVG, Telumire has some tricks : [image] Easy way to add icons to your links (core icons, custom svg, base 64 and external images) Tools to create your own icons SVG: inkscape . You can often shrink down the svg by converting everything to path: ctrl+A , Path > Object to path , Path > Combi…

[image] mwiktowy: Export as a “Plain SVG” You can use “Export As” → Optimized SVG, which allows you to remove all the InkScape specific meta data. Then you should use SVGOMG as Jeremy described to optimize file size further. Then you can manually remove some XML settings that are not needed…

The cleaners make it possible, to remove the “editor-app” specific meta data, that is usually stored in the the SVGs, so they are smaller. This also means, that you always have to keep the “original” “source of truth” somewhere else. The meta data is used in eg: Inkscape to name layers and other co…

Indeed default Inkscape SVG files include a lot of extra information related to editor data, like layers, user interface dialogs, export options, etc., which is useful for work files but undesirable for web use. You can shed a lot of this cruft by exporting as Optimized SVG, also available for batc…

[Crowdsource] Using Inkscape SVG's with TiddlyWiki

Thomas_Chuffart March 22, 2023, 8:52am 8

About SVG, Telumire has some tricks :