|<- [[Compression, Optimization and Automation]]|[[Spot the Differences 2]] ->|

La seule manière de ne pas devenir fou avec les images responsives est de créer un 'pipelin' qui va gérer ça pour nous, créer de multiples versions de nos images automatiquement.

grunt, imageoptim, imagemagick

ImageMagick:

  * [[http://www.imagemagick.org|ImageMagick]]
  * [[http://cactuslab.com/imagemagick/|Simple ImageMagick installer for Mac]]
  * [[http://www.graphicsmagick.org/|GraphicsMagick]] (a fork of ImageMagick)

Grunt:

  * [[https://discussions.udacity.com/t/grunt-and-setting-up-a-grunt-workflow-intermediate/21984?_ga=1.59327722.672083044.1467344711|Coach JohnMav’s Webcast]] with step-by-step instructions for setting up Grunt
  * [[http://gruntjs.com/getting-started|Getting started with Grunt]]
  * [[http://24ways.org/2013/grunt-is-not-weird-and-hard/|Grunt for People Who Think Things Like Grunt are Weird and Hard]]
  * [[http://addyosmani.com/blog/generate-multi-resolution-images-for-srcset-with-grunt/|Generate multi-resolution images with Grunt]]
  * [[https://github.com/andismith/grunt-responsive-images|Grunt plugin for generating multiple images]]

Files used in scripting examples:

  * [[http://udacity.github.io/responsive-images/convert.sh|convert.sh]] (includes instructions)
  * [[http://udacity.github.io/responsive-images/Gruntfile.js|Gruntfile.js]] (remove line 7, ''%%engine: 'im',%%'' on Windows)
  * [[https://github.com/BBC-News/Imager.js/|Imager.js]]: responsive image loading developed for BBC News

Image processing tools:

  * [[http://imageoptim.com/|ImageOptim]] (Mac only)
  * [[http://trimage.org|Trimage]] - Similar to ImageOptim (Windows, Mac, Linux)
  * [[https://github.com/pornel/ImageAlpha|ImageAlpha]]
  * [[http://nikkhokkho.sourceforge.net/static.php?page=FileOptimizer|File Optimizer]] (Windows, Linux)