Embed small images

If the image is above the fold and smaller than 1500 bytes, jampack embeds the image into html using data URIs.

Demo

SOURCE

JAMPACKED

_jampack bass.svg 1891 bass.svg 1891index.html 495 index.html 1059small.svg 227 small.svg 210smilley.png 1586 smilley.png 1586 smilley.webp 186

SOURCE

  • bass.svg 1891
  • index.html 495
  • small.svg 227
  • smilley.png 1586

JAMPACKED

  • _jampack
  • bass.svg 1891
  • index.html 1059
  • small.svg 210
  • smilley.png 1586
  • smilley.webp 186
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
Done: 67.745ms

 Summary 
╔═════════════╤════════════╤══════════╤════════════╤══════════╗
║ Action      │ Compressed │ Original │ Compressed │     Gain ║
╟─────────────┼────────────┼──────────┼────────────┼──────────╢
║ .svg        │      1 / 1 │ 227.00 B │   210.00 B │ -17.00 B ║
║ svg->embed  │      1 / 1 │ 227.00 B │   210.00 B │ -17.00 B ║
║ png->webp   │      1 / 1 │  1.55 KB │   186.00 B │ -1.37 KB ║
║ webp->embed │      1 / 1 │  1.55 KB │   186.00 B │ -1.37 KB ║
╟─────────────┼────────────┼──────────┼────────────┼──────────╢
║ Total       │      4 / 4 │  3.54 KB │   792.00 B │ -2.77 KB ║
╚═════════════╧════════════╧══════════╧════════════╧══════════╝


 ✔ No issues