diff options
| -rw-r--r-- | README.md | 9 |
1 files changed, 7 insertions, 2 deletions
@@ -102,9 +102,10 @@ To serve this site locally: Notes: 1. Use `svgmin` to shrink [SVGs][svg]. -2. Use `convert -quality 100 -define web:lossless=true foo.{png,webp}` +2. Use [`pngquant`][pngquant] to shrink [PNGs][png]. +3. Use `convert -quality 100 -define web:lossless=true foo.{png,webp}` to compress existing PNGs as `webp`s. -3. Use the `pe-figure` shortcode for progressive enhanced `figure` tags +4. Use the `pe-figure` shortcode for progressive enhanced `figure` tags with a fallback image. ## Deploy Site @@ -188,7 +189,11 @@ The [Bulma][] [SASS][] is: "JavaScript LaTeX renderer." [svg]: https://en.wikipedia.org/wiki/Scalable_Vector_Graphics "Scalable Vector Graphics" +[png]: https://en.wikipedia.org/wiki/PNG + "Portable Network Graphics" [hugo-shortcode-table]: https://github.com/pablotron/hugo-shortcode-table "CSS-only table shortcode for Hugo." [hugo-shortcode-pe]: https://github.com/pablotron/hugo-shortcode-pe "Progressive enhancement picture and figure shortcodes for Hugo." +[pngquant]: https://pngquant.org/ + "Lossy compression of PNG images." |