Auto-fixes

jampack will fix issues in assets automatically.

Wrong format for width and height in <img>s

Should be numerical values only.

jampack will fix either or both values based on the dimensions of the image.

Demo

SOURCE

JAMPACKED

_jampack index.html 334 index.html 371music_500x447.png 142036 music_500x447.png 142036redpanda_500x335.jpg 87167 redpanda_500x335.jpg 87167 redpanda_500x335.webp 28420

SOURCE

  • index.html 334
  • music_500x447.png 142036
  • redpanda_500x335.jpg 87167

JAMPACKED

  • _jampack
  • index.html 371
  • music_500x447.png 142036
  • redpanda_500x335.jpg 87167
  • redpanda_500x335.webp 28420
Source Open in new tab
Jampacked Open in new tab
Terminal 
__                                    __    
    |__|____    _____ ___________    ____ |  | __
    |  \__  \  /     \\____ \__  \ _/ ___\|  |/ /
    |  |/ __ \|  Y Y  \  |_> > __ \\  \___|    < 
/\__|  (____  /__|_|  /   __(____  /\___  >__|_ \
\______|    \/      \/|  |       \/     \/     \/
 v0.24.0              |__| by ‹div›RIOTS

Options:
{ onlyoptim: true }


 PASS 1 - Optimizing 
▶ index.html
  2 issues
Done: 78.011ms

 Summary 
╔═══════════╤════════════╤══════════╤════════════╤═══════════╗
║ Action    │ Compressed │ Original │ Compressed │      Gain ║
╟───────────┼────────────┼──────────┼────────────┼───────────╢
║ jpg->webp │      1 / 1 │ 85.12 KB │   27.75 KB │ -57.37 KB ║
╟───────────┼────────────┼──────────┼────────────┼───────────╢
║ Total     │      1 / 1 │ 85.12 KB │   27.75 KB │ -57.37 KB ║
╚═══════════╧════════════╧══════════╧════════════╧═══════════╝


 Issues 

▶ index.html

 fix  Invalid width attribute format: "500px" - overriding for ./redpanda_500x335.jpg

 fix  Invalid height attribute format: "335px" - overriding for ./redpanda_500x335.jpg


 2 issue(s) over 1 files