lights0123 | 8 comments | 3 weeks ago
Gualdrapo | 2 comments | 3 weeks ago
__jonas | 1 comment | 3 weeks ago
eMPee584 | 1 comment | 3 weeks ago
Inkscape is open source, file a feature request?
tasuki | 0 comments | 2 weeks ago
leptons | 3 comments | 3 weeks ago
qingcharles | 0 comments | 3 weeks ago
k4rli | 0 comments | 3 weeks ago
clementmas | 1 comment | 3 weeks ago
drewbitt | 0 comments | 3 weeks ago
lovegrenoble | 1 comment | 3 weeks ago
leptons | 0 comments | 3 weeks ago
BostonFern | 1 comment | 3 weeks ago
jarek-foksa | 0 comments | 3 weeks ago
thangalin | 0 comments | 3 weeks ago
KTibow | 0 comments | 3 weeks ago
beardyw | 0 comments | 3 weeks ago
moritzwarhier | 0 comments | 3 weeks ago
Worth noting it deems itself "SVGOs missing GUI" (and does a splendid job at that). If one needs to batch process files or sth like that, svgo's CLI is still there.
Props to Jake Archibald!
awsidiqi | 4 comments | 3 weeks ago
Thanks for posting it and thank you all for your kind words.
Let me know if you have any questions!
bkyan | 0 comments | 2 weeks ago
jfoster | 1 comment | 3 weeks ago
In most of the examples, there's many paths with long sequences of numbers, so it's not obvious which path corresponds to which shape in the image.
I wonder if you could make it temporarily change the color or outline of a path when the cursor is on its code in the editor? (and similarly for text selections)
awsidiqi | 0 comments | 3 weeks ago
spartanatreyu | 2 comments | 3 weeks ago
Why would a react dev use the react export feature over inlining an svg?
dejaydev | 0 comments | 3 weeks ago
There are very minor differences between what's a valid SVG and what's valid JSX, and web apps like this one will often offer to translate those fields for you as well as add the rest of the "component stuff" to make it copy-pastable.
skue | 0 comments | 2 weeks ago
qingcharles | 0 comments | 3 weeks ago
rambambram | 2 comments | 3 weeks ago
[1] The problems that I had with some SVG's is that they seemed to stretch the page wide while loading (in a flash) and then finally settling on their intended size after a split second. I remember that I searched for solutions and fiddled with viewbox, widht and height, but to no avail (they were in the hundreds of pixels). What can I do to mitigate this initial 'stretch'?
jarek-foksa | 1 comment | 3 weeks ago
rambambram | 0 comments | 3 weeks ago
gopher_space | 1 comment | 3 weeks ago
rambambram | 1 comment | 3 weeks ago
gopher_space | 1 comment | 3 weeks ago
What would happen if you started your SVG output by drawing a canvas-dimensioned border?
rambambram | 0 comments | 3 weeks ago
Theodores | 0 comments | 3 weeks ago
This could do with some better examples to start editing with, using different primitives than just path. A grid would be nice too.
Examples, a search icon is a 'circle' and a 'line' with a 'viewbox' to get right, if you place the origin in the centre of the circle then you don't need x and y values, just a radius. In this way a silly level of optimisation can be made.
A typical search icon will have hundreds of points defined with 'NASA numbers' (six decimal places) and that mashed into a path. Really you just need a circle defined in integers, not Adobe Illustrator exported nonsense.
SVG is an artistic medium and I really like it. However, artists don't see it that way and neither do developers. Hence most SVGs are not really in the spirit of what is possible. It is more than just a file format.
vegcel | 2 comments | 3 weeks ago
gopher_space | 0 comments | 3 weeks ago
I started down a Qt/QML desktop frontend path that led into wondering how much of it I could do with just a SVG imagemap-style setup.
Getting Jupyter up and running with a connection to data and SVG tools was an illuminating experience.
onthecanposting | 0 comments | 3 weeks ago
fyt2024 | 1 comment | 3 weeks ago
But what does it mean to optimize an SVG?
ffhhj | 1 comment | 3 weeks ago
aothms | 0 comments | 3 weeks ago
sipjca | 0 comments | 3 weeks ago
Thank you to the dev
thenickevans | 0 comments | 3 weeks ago
breck | 2 comments | 3 weeks ago
Brajeshwar | 0 comments | 3 weeks ago
zimpenfish | 0 comments | 3 weeks ago
yboris | 0 comments | 3 weeks ago
alex3305 | 0 comments | 3 weeks ago
farhanpatel | 0 comments | 3 weeks ago
Love little tools like this it fits the spirit of HN perfectly.
notpushkin | 0 comments | 3 weeks ago
There's a slightly more optimal way to encode SVGs as data URI: https://yoksel.github.io/url-encoder/
mariushop | 0 comments | 3 weeks ago
Waterluvian | 1 comment | 3 weeks ago
tomcam | 1 comment | 3 weeks ago
Waterluvian | 1 comment | 3 weeks ago
tomcam | 0 comments | 3 weeks ago
albert_e | 0 comments | 3 weeks ago
The library of SVGs on the left is a great feature in itself. I wish a couple of sites like this become super popular so that all of us can both contribute and utilize great vector art.
noizejoy | 3 comments | 3 weeks ago
awsidiqi | 0 comments | 3 weeks ago
microflash | 0 comments | 3 weeks ago
cal85 | 2 comments | 3 weeks ago
layer8 | 1 comment | 3 weeks ago
Apart from that, they let you store and share SVGs on their servers, so it’s not purely client-side.
de_nied | 0 comments | 3 weeks ago
swores | 1 comment | 3 weeks ago
And although that sort of thing would mean you can just download it straight from where it's being hosted from a technical point of view (for things where there isn't any backend or hidden logic in code at all) there's still the legal question as shown in logic8's comment.
cal85 | 0 comments | 3 weeks ago
tiffanyh | 1 comment | 3 weeks ago
I was expecting the optimization feature to rewrite the SVG to be smaller (less kb).
All the optimize button did was remove whitespace & cartridge returns.
mkl | 0 comments | 3 weeks ago
navigate8310 | 0 comments | 3 weeks ago
saintradon | 0 comments | 3 weeks ago
Arpitbhalla | 0 comments | 3 weeks ago
namegulf | 0 comments | 3 weeks ago
leobg | 5 comments | 3 weeks ago
Haven’t yet done it myself and can’t verify right now, but I wouldn’t be surprised if it worked well to brainstorm a favicon or some other symbol.
lwansbrough | 1 comment | 3 weeks ago
MengerSponge | 0 comments | 3 weeks ago
Tagbert | 0 comments | 3 weeks ago
lionkor | 0 comments | 3 weeks ago
ill choose the one that i cant get vendor locked out of, or that gives me a different result tomorrow than it does today.