Giter VIP home page Giter VIP logo

generator-smush's Introduction

Minify Images

Yeoman generator for minifying images using grunt

Generator Features

grunt-responsive-images is used for compressing and possibly resizing and renaming image assets (jpg, gif, and png). This generator is useful in cases where assets need to be compressed independently of any project x; there is no need to scaffold an entire web application to carry out such a process. Additionally, in some cases, it might be beneficial to treat a round of asset minification as if it were a project, for record-keeping sake. Instead of creating a Gruntfile and downloading dependencies for every minification task, and instead of having to go search for some local or remote repository dedicated to this task, we have a simple Yeoman command to get you started. This generator is very minimalistic, so can be set up and executed with decent speed.

Please keep in mind that since the compression offered by this particular grunt plugin is not lossless, the quality of the resulting assets should be monitored.

Getting Started

  • Install GraphicsMagick
  • Install dependencies: npm install --global yo grunt-cli
  • Install the generator: npm install --global generator-smush
  • Run yo smush within a new project directory to generate all necessary files
  • Place your assets in the images/ folder, configure the Gruntfile as needed, and run grunt

License

BSD license

generator-smush's People

Contributors

addyosmani avatar al-the-x avatar aliismayilov avatar alrra avatar antleblanc avatar appleboy avatar arthurvr avatar callumlocke avatar cesardenis avatar eddiemonge avatar gaboesquivel avatar hemanth avatar jaromero avatar jcsrb avatar jeffreysbrother avatar jonkemp avatar josefjezek avatar kevva avatar neilhem avatar nguyenmanh1507 avatar passy avatar pedroparra avatar raphinesse avatar rniemand avatar s10wen avatar samuelecarpene avatar sboudrias avatar silvenon avatar sindresorhus avatar tmorton avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.