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.webp186SOURCE
- 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
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