thinker3197 / progressively

A JavaScript library to load images progressively 🌇
https://thinker3197.github.io/progressively
MIT License
698 stars 68 forks source link

Add support for creating smaller image version #13

Closed thinker3197 closed 7 years ago

thinker3197 commented 7 years ago

Create a grunt plugin or npm script that can be integrated to tooling and auto creates smaller versions of images so that user's don't have to do that manually

thiamsantos commented 7 years ago

Could be made another package, a small cli utility to do this. And mention it on Readme.

thiamsantos commented 7 years ago

I'm working on a tool to do this. I called it lowly. What do you think about it @thinker3197?

For now it takes an image and creates a version of that image with 30px of width and a height that preserves the aspect ratio, resulting in really small images under 1KB.

thinker3197 commented 7 years ago

@thiamsantos Great job there! Can you reference this in progressively's README and also explain the usage in brief? Further plans - We should export lowly as a grunt and gulp plugin (easy task), for people to seamlessly integrate them in their build tooling.

the94air commented 7 years ago

what is the best size for the smaller image (lets say I have a banner image in 1366*600 size)?

thinker3197 commented 7 years ago

The pixel size doesn't matters, file size does. So, anything less than 1kb is good!

the94air commented 7 years ago

Great, Thanks :+1: