From bfbff41ff21668dce0b1b659ab5ebb84ff183545 Mon Sep 17 00:00:00 2001 From: Paul Duncan Date: Fri, 29 Dec 2023 08:29:28 -0500 Subject: README.md: add note about pngquant --- README.md | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 5415159..292daa7 100644 --- a/README.md +++ b/README.md @@ -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." -- cgit v1.2.3