Monaen's WikiUnits Formats and Environments 2017-04-16
Tips
- Add images with image caption: Using figure tag – Useful.
Image compression
- PageSpeed Insights is no longer part of Developer Tools. It has been deprecated. The online version is still available.
- How to use grunt to generate multi-resolution images: Very useful!!!
- How to start with grunt: Getting started with Grunt and Grunt for People Who Think Things Like Grunt are Weird and Hard
Resources
- PageSpeed Insights: It can provide some suggestions about how to optimize the website!Useful
- PageSpeed Insights Example: Useful
- Learn more about the figure tag!: Useful
ImageMagick:
- ImageMagick
- Simple ImageMagick installer for Mac
- GraphicsMagick (a fork of ImageMagick)
Grunt:
- For how to start the grunt.
- After start up the grunt, follow the following links to to use it.
Files used in scripting examples:
- convert.sh (includes instructions)
- Gruntfile.js (remove line 7, engine: ‘im’, on Windows)
- Imager.js: responsive image loading developed for BBC News
Image processing tools:
- ImageOptim (Mac only)
- Trimage - Similar to ImageOptim (Windows, Mac, Linux)
- ImageAlpha