SVG Gobbler – Find, optimize, edit, and export SVGs | Hacker News Reader

SVG Gobbler – Find, optimize, edit, and export SVGs

github.com

It seem like a super neat project, just why does it need to do the "SVG to React" transformation on the remote? (N.b. that remote endpoint is broken in the "frozen" Firefox version.) It bundles SVGO already, so I'd guess bundling SVGR should not be a problem (?)

https://github.com/rossmoody/svg-gobbler/blob/a4a6e8a0511c7a... on ...://us-west2-svg-gobbler.cloudfunctions.net/svg-gobbler-svgr , or ....://us-central1-svg-gobbler.cloudfunctions.net/SVGR in the Firefox version

I'd prefer not to do this remotely, but I couldn't find a browser bundle from SVGR. SVGO provides one. If you can think of a way to do it, please let me know or post an issue on GitHub.

Also you can see the server code in the server folder in case you're curious what it's doing.

Saving an svg is fundamentally a matter of copying whatever is between the <svg> tags and pasting it into a text file. That's literally all you have to do. I have a 5 line JS function that I use for this.

I don't think what you're saying applies to this conversation of transforming SVG code into configurable JSX for React using the SVGR package.

Related: my favorite tool for optimizing SVGs is https://www.svgviewer.dev/

Does this round down extra decimal places from path coords? I find this can greatly reduce SVG size and don’t see it in the feature set. I have some private SVG optimisation functions in Python somewhere, could rewrite to JS and PR, giving meaningful names to IDs is cumbersome work sometimes too

I think it includes SVGO, which does round coords indeed.

I believe the configurable "Floating precision" number will give you control over the amount of decimal places to round to.

I often go for https://jakearchibald.github.io/svgomg/

but I see it has got company, which is great!

+1 for the creative name.

P.S. Your SVG double quote image is covering a large portion of your review quotes on Android smartphone.

Thank you for this tip! I'll check it out.

Be careful when you use the phrase "SVG editor". When you are promoting "SVG editor" - I assume to be able to drag individual points and alter SVG shape, which, I understand, is much harder than applying a transform.

Hmmmm, this is a fair point, but an advantage of this over other extensions like it is that there is a literal editor, IDE, for editing the SVG code.

> SVG Gobbler is a browser extension that finds the SVG content in your current tab and lets you optimize, download, copy, edit, or export

What would you use this for that wouldn't be considered copyright infringement? Websites that freely license their art will likely make it available in a convenient download. Those that don't probably won't be giving you a license to use it.

Is a mere downloading and private storage of publicly accessible (copyrighted) visual assets also illegal? I think in most places you can store such content for personal use without infringing the law. I can imagine collecting icons for research purposes might be a valid and perfectly legal use-case here, just like making offline copies of webpages or basically archiving anything (?)

Btw, Firefox for example allows you to grab all media from the displayed page (just not those pesky inline SVGs like this extension can) with few keystrokes: Page Info (Ctrl+I) > Media (Alt+M) > Select All (Alt+E) > Save As (Alt+A) > (Enter). ("Page Info" is also under Tools (Alt+T) menu.)

Probably not, and I'm not saying the tool is bad or anything like that, just wondering what people might use it for. Tools like DownThemAll make sense to me; they're used by end-users who may wish to violate copyright, if it even is copyright violation. I don't mind.

But I don't think a lot of people keep a collection of SVGs for personal usage. Me, personally, I only collect SVGs if I intend to use them in a product I'm working on, which is often commercial, and means violating copyright becomes a business risk.

I use SVG Gobbler almost daily. The most common usage for me, a graphic designer, is when a company calls up and wants a design but the guy from the compnay does no have a vectorized version of their logo. I know, it sounds awfully incompetent but most people do not care about the logotype of the company they work for. So, very often, I just use SVG gobble to download an SVG version of their logo and makes designs they've ordered for them. There are a thousand legal uses for Gobbler. Also, downloading any logo is legal. It is publishing them that might get you in trouble.

Some websites have e. g. freely-licensed icons, but don't offer a convenient download. For example, they might require you to sign up first.

Or maybe you could download a site's logo for linking back to the website or something. (I'm downloading icons for open source apps that I want to include in Lunni Marketplace [1], and sometimes I have to get it from the projects' website. I'm not sure but I think it's fair use.)

[1]: https://lunni.dev/docs/marketplace/

Browsers have a "Save Page As" function built in. Most websites don't have an on-screen button that exports the page. Do all browsers promote copyright infringement?

Literally just asking what people might want to use it for. What do you use it for?

You could be plucking a logo for use in a link to them or a mention on a slide, or other copying that constitutes fair use.

You could also be interested how an SVG had achieved a particular effect, like everyone learning HTML from right-click|view-source back in the late 90s. This is also generally considered fair use, though could sit in a grey area wrt what constitutes code if the SVG is a resource in an app covered by a restrictive licence (commercial, GPL-bases, etc).

Looking how something works will hopefully always remain legal in this (and most other) context.

Copy and paste is a different thing.

Copy and paste is legal in a gigantic number of usecases. It's called Fair Use.

Any SVG you view on a website is already downloaded to your computer when you view it.

But you probably already knew that but you’ve sort of shared your own question.

No, they may not give you a license to use it. So don’t use it and then there’s nothing wrong. That doesn’t mean there’s anything wrong with downloading it.

Right, the question is, why would you want to download an svg? Do you just want to stare at it and admire it, like a pirated movie? If so, that's fine. Please share!

In my experience people tend to use SVGs to build products, though.

Doesn’t really matter why you want to download it, you’re allowed to.

Sure. And I'm allowed to be curious and ask people why they want to. Now stop being difficult, and tell me, why do you use this tool?

I made it initially to grab thousands of logos while freelancing for IFTTT. Getting company logos from their assets page was such a nightmare. This was 6+ years ago now.

Reply on news.ycombinator.com