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.4              |__| by β€Ήdivβ€ΊRIOTS

Options:
{ onlyoptim: true }


 PASS 1 - Optimizing 
β–Ά index.html
Done: 68.825ms

 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