|<- [[Spot the Differences]]|[[Image Optimization Environment]] ->|

imagemagick comme outil d'automatisation des tâches

webp : <code>convert image.jpg image.webp</code>


grunt :
  - Udacity webcast for setting up Grunt: [[https://classroom.udacity.com/nanodegrees/nd001/parts/0011345404/modules/273669854375463/lessons/5827851013/concepts/58278802730923|Front End version]] and [[https://classroom.udacity.com/nanodegrees/nd004/parts/0041345402/modules/004134540275463/lessons/5827851013/concepts/58278802730923|Full Stack version]].
  - [[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-responsive-images plugin for generating multiple images]]
  - [[https://www.npmjs.com/package/grunt-respimg|grunt-respimg plugin for a responsive image workflow]]

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/https://github.com/BBC-News/Imager.js/|Imager.js]]: responsive image loading developed for BBC News

outils :

  - [[http://imageoptim.com/|imageoptim]] (macOS)
  - [[http://trimage.org/|trimage]] (Linux, macOS, ms-windows]]
  - [[https://github.com/pornel/ImageAlpha|ImageAlpha]]