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

bass.svg1891bass.svg1891index.html447index.html1026small.svg227small.svg227small.svg.svg210smilley.png1586smilley.png1586smilley.png.webp186

SOURCE

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

JAMPACKED

  • bass.svg 1891
  • index.html 1026
  • small.svg 227
  • small.svg.svg 210
  • smilley.png 1586
  • smilley.png.webp 186
Source Open in new tab
Jampacked Open in new tab
Terminal
__                                    __    
    |__|____    _____ ___________    ____ |  | __
    |  \__  \  /     \\____ \__  \ _/ ___\|  |/ /
    |  |/ __ \|  Y Y  \  |_> > __ \\  \___|    < 
/\__|  (____  /__|_|  /   __(____  /\___  >__|_ \
\______|    \/      \/|  |       \/     \/     \/
 v0.12.2              |__| by ‹div›RIOTS

Options:
{ onlyoptim: true }


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

 Summary 
╔═════════════╤════════════╤══════════╤════════════╤══════════╗
║ Action      │ Compressed │ Original │ Compressed │     Gain ║
╟─────────────┼────────────┼──────────┼────────────┼──────────╢
║ svg->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