Full instructions on the first link.
Grunt task to resize and optimize images for responsive websites.
Create two folders, the src folder where you put the original photos, and the dest folder where the script saves the edited photos.
See resources on how to use the picture html element to create responsive images and use the new webp image format.
Note: If you're having trouble installing graphicsMagick on your Windows machine, you can also install it through chocolatey!