5 ms·

Show HN: Put ful.co/ in front of any URL to easily copy its SVGs and images

93 points by fulco__ 2y ago

thatgerhard 2y ago
This just goes to OPs portfolio site, so not working
wlonkly 2y ago
If you find this isn't working for you (and you're getting a 404, or OP's portfolio site -- you have to put the scheme in the URL. Works: https://ful.co/https://www.apple.com https://ful.co/https://www.apple.com Won't work: https://ful.co/www.apple.com https://ful.co/www.apple.com
chrisweekly 2y ago
HN Mods: can someone explain why this post was flagged?
skeptrune 2y ago
Actually useful. Not uncommon that I'm trying to pull a logo or branding for some project or another and it's always a pain.
pavo-etc 2y ago
This is fantastic. So straightforward, gets the job done.
mikae1 2y ago
Cool! I would add web fonts to that list. The web page says nothing about what it does. The <title> says "ful.co - a svelte and sveltekit related blog and agency". Very confusing. Add the HN title to the web page?
- fulco__ 2y ago
  done, will look into webfonts
jedberg 2y ago
I think you got blocked by an anti-scraper. I put in reddit.com and only got one image back.
- fulco__ 2y ago
  I don't think I specifically got blocked. I haven't done anything to get around scraping restrictions like setting a fake User-Agent. If a website doesn't want to be scraped I'll just use inspect element. Some other current limitations: - Might miss items in a SPA that loads additional assets outside the initial html - Misses images/SVG's that are loaded with external css with background:url(...);
nubinetwork 2y ago
Can you make one that converts webp to png?
OgsyedIE 2y ago
Did some brief testing and (at least for me) it works on a paywalled WSJ page and MediaWiki but not on 2channel. Reddit no, but Reddit rehosters yes.
blueflow 2y ago
You can do the same thing by saving a HTML file from firefox (Ctrl+S), the images will be placed in a directory next to that HTML file.
- savolai 2y ago
  Inline svg?
underlines 2y ago
It 404ed with the two biggest swiss websites: digitec.ch and 20min.ch
- fulco__ 2y ago
  Did you you include the protocol like this https://ful.co/https://digitec.ch https://ful.co/https://digitec.ch ? It seems to work for me.
rafram 2y ago
In Firefox: Cmd/Ctrl-I, click the Media tab, find the image you want and click Save As. This works even on sites that try to prevent media from being saved (by blocking referrer-less loads, etc.).
cantSpellSober 2y ago
Next challenge, make it work for dynamic images (that aren't present on initial load). Thanks! Saves me the chore of opening the Network tab on the inspector to manually do this stuff.
Toorkit 2y ago
For those, like me, that prefer local CLI tools, I found gallery-dl yesterday (although possibly slightly different use case than ful.co). And of course ImageMagick to easily convert images to different formats.
splitbrain 2y ago
This should have a bookmarklet... This seems to work: javascript:window.location.href='https://ful.co/'+window.location.href https://ful.co/'+window.location.href

93 points by fulco__ 2y ago

This just goes to OPs portfolio site, so not working

If you find this isn't working for you (and you're getting a 404, or OP's portfolio site -- you have to put the scheme in the URL. Works: https://ful.co/https://www.apple.com https://ful.co/https://www.apple.com Won't work: https://ful.co/www.apple.com https://ful.co/www.apple.com

chrisweekly 2y ago

HN Mods: can someone explain why this post was flagged?

skeptrune 2y ago

Actually useful. Not uncommon that I'm trying to pull a logo or branding for some project or another and it's always a pain.

pavo-etc 2y ago

This is fantastic. So straightforward, gets the job done.

mikae1 2y ago

Cool! I would add web fonts to that list. The web page says nothing about what it does. The <title> says "ful.co - a svelte and sveltekit related blog and agency". Very confusing. Add the HN title to the web page?

fulco__ 2y ago
done, will look into webfonts

jedberg 2y ago

I think you got blocked by an anti-scraper. I put in reddit.com and only got one image back.

fulco__ 2y ago
I don't think I specifically got blocked. I haven't done anything to get around scraping restrictions like setting a fake User-Agent. If a website doesn't want to be scraped I'll just use inspect element. Some other current limitations: - Might miss items in a SPA that loads additional assets outside the initial html - Misses images/SVG's that are loaded with external css with background:url(...);

nubinetwork 2y ago

Can you make one that converts webp to png?

OgsyedIE 2y ago

Did some brief testing and (at least for me) it works on a paywalled WSJ page and MediaWiki but not on 2channel. Reddit no, but Reddit rehosters yes.

blueflow 2y ago

You can do the same thing by saving a HTML file from firefox (Ctrl+S), the images will be placed in a directory next to that HTML file.

savolai 2y ago
Inline svg?

underlines 2y ago

It 404ed with the two biggest swiss websites: digitec.ch and 20min.ch

fulco__ 2y ago
Did you you include the protocol like this https://ful.co/https://digitec.ch https://ful.co/https://digitec.ch ? It seems to work for me.

rafram 2y ago

In Firefox: Cmd/Ctrl-I, click the Media tab, find the image you want and click Save As. This works even on sites that try to prevent media from being saved (by blocking referrer-less loads, etc.).

cantSpellSober 2y ago

Next challenge, make it work for dynamic images (that aren't present on initial load). Thanks! Saves me the chore of opening the Network tab on the inspector to manually do this stuff.

Toorkit 2y ago

For those, like me, that prefer local CLI tools, I found gallery-dl yesterday (although possibly slightly different use case than ful.co). And of course ImageMagick to easily convert images to different formats.

splitbrain 2y ago

This should have a bookmarklet... This seems to work: javascript:window.location.href='https://ful.co/'+window.location.href https://ful.co/'+window.location.href