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

_jampackindex.html464index.html672redpanda.jpg2790013redpanda.jpg2790013redpanda.jpg.jpg133346[email protected]84668

SOURCE

  • index.html464
  • redpanda.jpg2790013

JAMPACKED

SourceOpen in new tab
JampackedOpen in new tab
Terminal
__                                    __    
    |__|____    _____ ___________    ____ |  | __
    |  \__  \  /     \\____ \__  \ _/ ___\|  |/ /
    |  |/ __ \|  Y Y  \  |_> > __ \\  \___|    < 
/\__|  (____  /__|_|  /   __(____  /\___  >__|_ \
\______|    \/      \/|  |       \/     \/     \/
 v0.22.1              |__| by ‹div›RIOTS

Options:
{ onlyoptim: true }

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

 PASS 1 - Optimizing 
▶ index.html
Done: 1.027s

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


 Issues 

▶ index.html

 fix  Adding missing  to the top of the 


 1 issue(s) over 1 files