Usage

Browser CDN

1<!-- Base64 -->
2<script src="https://cdn.jsdelivr.net/npm/min-1px"></script>
3<script>
4  const img1 = document.createElement('img')
5  img1.src = px.GIF
6  document.body.appendChild(img1)
7
8  //  PNG
9  const img2 = document.createElement('img')
10  img2.src = px.png
11  document.body.appendChild(img2)
12</script>
13
14<!-- Image -->
15
16<img src="https://cdn.jsdelivr.net/npm/min-1px/dist/1px.gif" alt="min-1px GIF" />
17<img src="https://cdn.jsdelivr.net/npm/min-1px/dist/1px.png" alt="min-1px PNG" />

ESModule Modules

1import px from 'min-1px'
2import gif from 'min-1px/dist/1px.gif' // image
3import png from 'min-1px/dist/1px.png' // image
4console.log(px.GIF) // base64
5console.log(px.PNG) // base64

CommonJS Modules

1const px = require('min-1px')
2const gif = require('min-1px/dist/1px.gif') // image
3const png = require('min-1px/dist/1px.png') // image
4console.log(px.GIF) // base64
5console.log(px.PNG) // base64