Images max width

Images referenced in .html files can be limited to a max width.

export default {
  image: {
    srcset_max_width: 1300,  // Max width used in srcset
    max_width: 1300, // Max width of output image
  },
};

See configuration for default values.

Demo

SOURCE

JAMPACKED

_jampack index.html 491 index.html 667redpanda.jpg 2790013 redpanda.jpg 2790013 redpanda.webp 126714 [email protected] 82710

SOURCE

  • index.html 491
  • redpanda.jpg 2790013

JAMPACKED

  • _jampack
  • index.html 667
  • redpanda.jpg 2790013
  • redpanda.webp 126714
  • [email protected] 82710
Source Open in new tab
Jampacked Open in new tab
Terminal 
__                                    __    
    |__|____    _____ ___________    ____ |  | __
    |  \__  \  /     \\____ \__  \ _/ ___\|  |/ /
    |  |/ __ \|  Y Y  \  |_> > __ \\  \___|    < 
/\__|  (____  /__|_|  /   __(____  /\___  >__|_ \
\______|    \/      \/|  |       \/     \/     \/
 v0.26.0              |__| by ‹div›RIOTS

Options:
{ onlyoptim: true }

Merging default config with:
{
  "image": {
    "srcset_max_width": 1300,
    "max_width": 1300
  }
}

 PASS 1 - Optimizing 
▶ index.html
Done: 980.634ms

 Summary 
╔═══════════╤════════════╤══════════╤════════════╤══════════╗
║ Action    │ Compressed │ Original │ Compressed │     Gain ║
╟───────────┼────────────┼──────────┼────────────┼──────────╢
║ jpg->webp │      1 / 1 │  2.66 MB │  123.74 KB │ -2.54 MB ║
╟───────────┼────────────┼──────────┼────────────┼──────────╢
║ Total     │      1 / 1 │  2.66 MB │  123.74 KB │ -2.54 MB ║
╚═══════════╧════════════╧══════════╧════════════╧══════════╝


 ✔ No issues