Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add image.Trace method that produces an SVG #6253

Open
bep opened this issue Aug 21, 2019 · 3 comments
Open

Add image.Trace method that produces an SVG #6253

bep opened this issue Aug 21, 2019 · 3 comments
Assignees
Labels
Milestone

Comments

@bep
Copy link
Member

@bep bep commented Aug 21, 2019

In the series "bep gets totally distracted", I'm about to add a image.Trace method.

There are several examples of this work in progress here:

https://temp.bep.is/hugotest/section1/trace/

A quick note: Some of the more detailed traces have bigger file sizes than their source, but they compress great (the gzipped version is < 40%) and of course scales better when you go bigger ...

There will be default options and options in config.toml. With the full set of options the usage will be something like this:

{{ $opts := dict "filter" "previtt" "color" "orange" "low" 30 "high" 100 "turdSize" 50 }}
{{ $traced := $img.Trace $opts }} // => SVG resource

I think the default filter will be luma (brightness), which is also the fastest.

/cc @regisphilibert and gang

@bep bep added the Enhancement label Aug 21, 2019
@bep bep added this to the v0.58 milestone Aug 21, 2019
@bep bep self-assigned this Aug 21, 2019
@regisphilibert

This comment has been minimized.

Copy link

@regisphilibert regisphilibert commented Aug 21, 2019

Looks great! Don't have a concrete use case on my mind but designers must already do!

In the series "bep gets totally distracted".

Distraction is good, building pages from data source is great. 😛

@divinerites

This comment has been minimized.

Copy link

@divinerites divinerites commented Aug 21, 2019

Régis my use case will be some lazy loading for my s**tload photos with small small svg but better looking than the flat grey I use for now.

Great feature bep. Thanks

@bep

This comment has been minimized.

Copy link
Member Author

@bep bep commented Aug 21, 2019

There are several use cases. Maybe someone wants to create a "monochrome blog", where they can possibly also get away with "wget randomcopyrightedimage.jpg" ...

@bep bep modified the milestones: v0.58, v0.59 Aug 22, 2019
@bep bep modified the milestones: v0.59, v0.60 Sep 6, 2019
@bep bep modified the milestones: v0.60, v0.61 Oct 21, 2019
@bep bep modified the milestones: v0.61, v0.62, v0.63 Nov 25, 2019
@bep bep modified the milestones: v0.63, v0.64 Dec 11, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
3 participants
You can’t perform that action at this time.