Live data from Hacker News

Gradify turns the most prominent colors in an image into a CSS gradient

gradifycss.com

21–30 of 37 posts

Re: Gradify turns the most prominent colors in an image into a CSS gradient

#22
post #12

Do you have permissions to use those images? https://m.flickr.com/#/photos/lightofthewild/5611692322/ The left margin is broken on Chrome on iOS. http://m.imgur.com/94fzJrc The scrolling behaviour make the page impossible to use. The scrolling, and I say this as politely as I can, is fucking horrible and makes me want to smash my phone to little pieces. Sorry for the negative tone. The actual thing looks cool. It'd b…

> Do you have permissions to use those images?

Wow, you're quite right - there's no attribution on any of the photos. Also, since they're re-hosted onto tumblr it's hard to tell where they came from.

It's possible that the author may have taken all of the photos themself, but unlikely given the example which you've pointed out. It's also possible that the author has sought private permission to use the photos, but you'd probably expect some attribution if that were the case.

Re: Gradify turns the most prominent colors in an image into a CSS gradient

#26
> the 4 most common colors

maybe it would be better to weight pixels by the energy density of the image region so that backgrounds (sky, walls) don't dominate the resultant colors over the (usually more significant) foreground/detailed objects

Re: Gradify turns the most prominent colors in an image into a CSS gradient

#27
post #26

> the 4 most common colors maybe it would be better to weight pixels by the energy density of the image region so that backgrounds (sky, walls) don't dominate the resultant colors over the (usually more significant) foreground/detailed objects

I have a few todo improvements, but if you'd like to see this one tested/implemented, add as an issue on the github!

Re: Gradify turns the most prominent colors in an image into a CSS gradient

#29

You could blur the image as well. I have tried a similar approach with blur quite awhile ago: http://www.cssdesk.com/VYN67 Change the image URI to see it work on another image.

The point with this method is that the gradient acts as a fill before the image is loaded.

Re: Gradify turns the most prominent colors in an image into a CSS gradient

#30
post #29

You could blur the image as well. I have tried a similar approach with blur quite awhile ago: http://www.cssdesk.com/VYN67 Change the image URI to see it work on another image.

The point with this method is that the gradient acts as a fill before the image is loaded.

Ah, of course.
Post reply on HN