{"_id":"mini-svg-data-uri","_rev":"2861187","name":"mini-svg-data-uri","description":"Small, efficient encoding of SVG data URIs for CSS, HTML, etc.","dist-tags":{"latest":"1.4.4"},"maintainers":[{"name":"tigt","email":"npm@ti.gt"}],"time":{"modified":"2022-09-06T17:21:09.000Z","created":"2017-12-26T21:33:27.560Z","1.4.4":"2022-03-09T22:04:39.258Z","1.4.3":"2021-10-14T22:59:35.113Z","1.3.3":"2021-05-10T20:48:56.041Z","1.2.3":"2020-05-06T02:09:13.216Z","1.1.3":"2019-07-02T23:25:30.055Z","1.0.3":"2019-03-03T00:24:46.841Z","1.0.2":"2018-11-26T18:43:46.773Z","1.0.1":"2018-05-28T23:09:46.654Z","1.0.0":"2017-12-26T21:33:27.560Z"},"users":{"zachleat":true},"author":{"name":"Taylor “Tigt” Hunt","email":"holla@ti.gt","url":"https://ti.gt/"},"repository":{"type":"git","url":"git+https://github.com/tigt/mini-svg-data-uri.git"},"versions":{"1.4.4":{"name":"mini-svg-data-uri","version":"1.4.4","description":"Small, efficient encoding of SVG data URIs for CSS, HTML, etc.","main":"index.js","types":"index.d.ts","bin":{"mini-svg-data-uri":"cli.js"},"repository":{"type":"git","url":"git+https://github.com/tigt/mini-svg-data-uri.git"},"keywords":["svg","url","data","uri","minification","url encoding"],"author":{"name":"Taylor “Tigt” Hunt","email":"holla@ti.gt","url":"https://ti.gt/"},"license":"MIT","bugs":{"url":"https://github.com/tigt/mini-svg-data-uri/issues"},"homepage":"https://github.com/tigt/mini-svg-data-uri#readme","gitHead":"00dc78c8f77eb7b47299a9e3d564749105810c9c","_id":"mini-svg-data-uri@1.4.4","_nodeVersion":"14.8.0","_npmVersion":"7.12.0","dist":{"shasum":"8ab0aabcdf8c29ad5693ca595af19dd2ead09939","size":4912,"noattachment":false,"key":"/mini-svg-data-uri/-/mini-svg-data-uri-1.4.4.tgz","tarball":"http://registry.cnpm.dingdandao.com/mini-svg-data-uri/download/mini-svg-data-uri-1.4.4.tgz"},"_npmUser":{"name":"tigt","email":"npm@ti.gt"},"directories":{},"maintainers":[{"name":"tigt","email":"npm@ti.gt"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mini-svg-data-uri_1.4.4_1646863479090_0.5585998240841532"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2022-03-09T22:04:42.111Z","publish_time":1646863479258,"_cnpm_publish_time":1646863479258},"1.4.3":{"name":"mini-svg-data-uri","version":"1.4.3","description":"Small, efficient encoding of SVG data URIs for CSS, HTML, etc.","main":"index.js","types":"index.d.ts","bin":{"mini-svg-data-uri":"cli.js"},"repository":{"type":"git","url":"git+https://github.com/tigt/mini-svg-data-uri.git"},"keywords":["svg","url","data","uri","minification","url encoding"],"author":{"name":"Taylor “Tigt” Hunt","email":"holla@ti.gt","url":"https://ti.gt/"},"license":"MIT","bugs":{"url":"https://github.com/tigt/mini-svg-data-uri/issues"},"homepage":"https://github.com/tigt/mini-svg-data-uri#readme","gitHead":"41b5362ae481444ddf3d352a7f78c5600ec0201a","_id":"mini-svg-data-uri@1.4.3","_nodeVersion":"14.8.0","_npmVersion":"7.12.0","dist":{"shasum":"43177b2e93766ba338931a3e2a84a3dfd3a222b8","size":4915,"noattachment":false,"key":"/mini-svg-data-uri/-/mini-svg-data-uri-1.4.3.tgz","tarball":"http://registry.cnpm.dingdandao.com/mini-svg-data-uri/download/mini-svg-data-uri-1.4.3.tgz"},"_npmUser":{"name":"tigt","email":"npm@ti.gt"},"directories":{},"maintainers":[{"name":"tigt","email":"npm@ti.gt"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mini-svg-data-uri_1.4.3_1634252374984_0.8539236614850096"},"_hasShrinkwrap":false,"publish_time":1634252375113,"_cnpm_publish_time":1634252375113},"1.3.3":{"name":"mini-svg-data-uri","version":"1.3.3","description":"Small, efficient encoding of SVG data URIs for CSS, HTML, etc.","main":"index.js","types":"index.d.ts","bin":{"mini-svg-data-uri":"cli.js"},"repository":{"type":"git","url":"git+https://github.com/tigt/mini-svg-data-uri.git"},"keywords":["svg","url","data","uri","minification","url encoding"],"author":{"name":"Taylor “Tigt” Hunt","email":"holla@ti.gt","url":"https://ti.gt/"},"license":"MIT","bugs":{"url":"https://github.com/tigt/mini-svg-data-uri/issues"},"homepage":"https://github.com/tigt/mini-svg-data-uri#readme","gitHead":"e7f8cbc14aa70454caa965b3135d223b28eed600","_id":"mini-svg-data-uri@1.3.3","_nodeVersion":"14.8.0","_npmVersion":"6.14.11","dist":{"shasum":"91d2c09f45e056e5e1043340b8b37ba7b50f4fac","size":4935,"noattachment":false,"key":"/mini-svg-data-uri/-/mini-svg-data-uri-1.3.3.tgz","tarball":"http://registry.cnpm.dingdandao.com/mini-svg-data-uri/download/mini-svg-data-uri-1.3.3.tgz"},"_npmUser":{"name":"tigt","email":"npm@ti.gt"},"directories":{},"maintainers":[{"name":"tigt","email":"npm@ti.gt"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mini-svg-data-uri_1.3.3_1620679735895_0.8989435233015821"},"_hasShrinkwrap":false,"publish_time":1620679736041,"_cnpm_publish_time":1620679736041},"1.2.3":{"name":"mini-svg-data-uri","version":"1.2.3","description":"Small, efficient encoding of SVG data URIs for CSS, HTML, etc.","main":"index.js","types":"index.d.ts","repository":{"type":"git","url":"git+https://github.com/tigt/mini-svg-data-uri.git"},"keywords":["svg","url","data","uri","minification","url encoding"],"author":{"name":"Taylor “Tigt” Hunt","email":"holla@ti.gt","url":"https://ti.gt/"},"license":"MIT","bugs":{"url":"https://github.com/tigt/mini-svg-data-uri/issues"},"homepage":"https://github.com/tigt/mini-svg-data-uri#readme","gitHead":"e3f87d2a79f55ad1b1d0509a8bce0c416da33be3","_id":"mini-svg-data-uri@1.2.3","_nodeVersion":"14.0.0","_npmVersion":"6.14.4","dist":{"shasum":"e16baa92ad55ddaa1c2c135759129f41910bc39f","size":4431,"noattachment":false,"key":"/mini-svg-data-uri/-/mini-svg-data-uri-1.2.3.tgz","tarball":"http://registry.cnpm.dingdandao.com/mini-svg-data-uri/download/mini-svg-data-uri-1.2.3.tgz"},"maintainers":[{"name":"tigt","email":"npm@ti.gt"}],"_npmUser":{"name":"tigt","email":"npm@ti.gt"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mini-svg-data-uri_1.2.3_1588730953109_0.3494308602366212"},"_hasShrinkwrap":false,"publish_time":1588730953216,"_cnpm_publish_time":1588730953216},"1.1.3":{"name":"mini-svg-data-uri","version":"1.1.3","description":"Small, efficient encoding of SVG data URIs for CSS, HTML, etc.","main":"index.js","repository":{"type":"git","url":"git+https://github.com/tigt/mini-svg-data-uri.git"},"keywords":["svg","url","data","uri","minification","url encoding"],"author":{"name":"Taylor “Tigt” Hunt","email":"holla@ti.gt","url":"https://ti.gt/"},"license":"MIT","bugs":{"url":"https://github.com/tigt/mini-svg-data-uri/issues"},"homepage":"https://github.com/tigt/mini-svg-data-uri#readme","gitHead":"5e043dfc74cc7b93e4a805bae74350b5b2a61623","_id":"mini-svg-data-uri@1.1.3","_nodeVersion":"11.9.0","_npmVersion":"6.9.0","dist":{"shasum":"9759ee5f4d89a4b724d089ce52eab4b623bfbc88","size":4278,"noattachment":false,"key":"/mini-svg-data-uri/-/mini-svg-data-uri-1.1.3.tgz","tarball":"http://registry.cnpm.dingdandao.com/mini-svg-data-uri/download/mini-svg-data-uri-1.1.3.tgz"},"maintainers":[{"name":"tigt","email":"npm@ti.gt"}],"_npmUser":{"name":"tigt","email":"npm@ti.gt"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mini-svg-data-uri_1.1.3_1562109929948_0.19904511672420733"},"_hasShrinkwrap":false,"publish_time":1562109930055,"_cnpm_publish_time":1562109930055},"1.0.3":{"name":"mini-svg-data-uri","version":"1.0.3","description":"Small, efficient encoding of SVG data URIs for CSS, HTML, etc.","main":"index.js","repository":{"type":"git","url":"git+https://github.com/tigt/mini-svg-data-uri.git"},"keywords":["svg","url","data","uri","minification","url encoding"],"author":{"name":"Taylor “Tigt” Hunt","email":"holla@ti.gt","url":"https://ti.gt/"},"license":"MIT","bugs":{"url":"https://github.com/tigt/mini-svg-data-uri/issues"},"homepage":"https://github.com/tigt/mini-svg-data-uri#readme","gitHead":"5cc4ca36bf77c36be1702fd3d6bcbc512c44c877","_id":"mini-svg-data-uri@1.0.3","_npmVersion":"6.5.0","_nodeVersion":"11.9.0","_npmUser":{"name":"tigt","email":"npm@ti.gt"},"dist":{"shasum":"f8bb0d7afbf3de29152aadd0f47701197ceab4a3","size":4136,"noattachment":false,"key":"/mini-svg-data-uri/-/mini-svg-data-uri-1.0.3.tgz","tarball":"http://registry.cnpm.dingdandao.com/mini-svg-data-uri/download/mini-svg-data-uri-1.0.3.tgz"},"maintainers":[{"name":"tigt","email":"npm@ti.gt"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mini-svg-data-uri_1.0.3_1551572686693_0.5797070716767267"},"_hasShrinkwrap":false,"publish_time":1551572686841,"_cnpm_publish_time":1551572686841},"1.0.2":{"name":"mini-svg-data-uri","version":"1.0.2","description":"Small, efficient encoding of SVG data URIs for CSS, HTML, etc.","main":"index.js","repository":{"type":"git","url":"git+https://github.com/tigt/mini-svg-data-uri.git"},"keywords":["svg","url","data","uri","minification","url encoding"],"author":{"name":"Taylor “Tigt” Hunt","email":"holla@ti.gt","url":"https://ti.gt/"},"license":"MIT","bugs":{"url":"https://github.com/tigt/mini-svg-data-uri/issues"},"homepage":"https://github.com/tigt/mini-svg-data-uri#readme","gitHead":"19f716b29b38c3711dab543cf646d77d731865cd","_id":"mini-svg-data-uri@1.0.2","_npmVersion":"6.4.1","_nodeVersion":"10.9.0","_npmUser":{"name":"tigt","email":"npm@ti.gt"},"dist":{"shasum":"c4efdb71499249e02160a53db99d2eacf4b5a5c7","size":4116,"noattachment":false,"key":"/mini-svg-data-uri/-/mini-svg-data-uri-1.0.2.tgz","tarball":"http://registry.cnpm.dingdandao.com/mini-svg-data-uri/download/mini-svg-data-uri-1.0.2.tgz"},"maintainers":[{"name":"tigt","email":"npm@ti.gt"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mini-svg-data-uri_1.0.2_1543257826691_0.10790881460614532"},"_hasShrinkwrap":false,"publish_time":1543257826773,"_cnpm_publish_time":1543257826773},"1.0.1":{"name":"mini-svg-data-uri","version":"1.0.1","description":"Small, efficient encoding of SVG data URIs for CSS, HTML, etc.","main":"index.js","repository":{"type":"git","url":"git+https://github.com/tigt/mini-svg-data-uri.git"},"keywords":["svg","url","data","uri","minification","url encoding"],"author":{"name":"Taylor “Tigt” Hunt","email":"holla@ti.gt","url":"https://ti.gt/"},"license":"MIT","bugs":{"url":"https://github.com/tigt/mini-svg-data-uri/issues"},"homepage":"https://github.com/tigt/mini-svg-data-uri#readme","gitHead":"2304df6b1fbc7fb7caaea5828c2cad3291f1cf9e","_id":"mini-svg-data-uri@1.0.1","_npmVersion":"6.0.0","_nodeVersion":"9.11.1","_npmUser":{"name":"tigt","email":"npm@ti.gt"},"dist":{"shasum":"d81ffc14b85558860581cc58d9790daaecbe91bf","size":4118,"noattachment":false,"key":"/mini-svg-data-uri/-/mini-svg-data-uri-1.0.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/mini-svg-data-uri/download/mini-svg-data-uri-1.0.1.tgz"},"maintainers":[{"name":"tigt","email":"npm@ti.gt"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mini-svg-data-uri_1.0.1_1527548986556_0.01896767318890613"},"_hasShrinkwrap":false,"publish_time":1527548986654,"_cnpm_publish_time":1527548986654},"1.0.0":{"name":"mini-svg-data-uri","version":"1.0.0","description":"Small, efficient encoding of SVG data URIs for CSS, HTML, etc.","main":"index.js","repository":{"type":"git","url":"git+https://github.com/tigt/mini-svg-data-uri.git"},"keywords":["svg","url","data","uri","minification","url encoding"],"author":{"name":"Taylor “Tigt” Hunt","email":"holla@ti.gt","url":"https://ti.gt/"},"license":"MIT","bugs":{"url":"https://github.com/tigt/mini-svg-data-uri/issues"},"homepage":"https://github.com/tigt/mini-svg-data-uri#readme","gitHead":"441efa63cfba5a6220684ae3ffccef434b7d4443","_id":"mini-svg-data-uri@1.0.0","_npmVersion":"5.6.0","_nodeVersion":"9.3.0","_npmUser":{"name":"tigt","email":"npm@ti.gt"},"dist":{"shasum":"a9c09bbc7e1908b89534cf1d918c4c0766855769","size":4054,"noattachment":false,"key":"/mini-svg-data-uri/-/mini-svg-data-uri-1.0.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/mini-svg-data-uri/download/mini-svg-data-uri-1.0.0.tgz"},"maintainers":[{"name":"tigt","email":"npm@ti.gt"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mini-svg-data-uri-1.0.0.tgz_1514324006249_0.36819159775041044"},"directories":{},"publish_time":1514324007560,"_hasShrinkwrap":false,"_cnpm_publish_time":1514324007560}},"readme":"Mini SVG `data:` URI\n====================\n\nThis tool converts SVGs into the most compact, compressible `data:` URI that SVG-supporting browsers tolerate. The results look like this (169 bytes):\n\n```url\ndata:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'\n%3e%3cpath d='M22 38V51L32 32l19-19v12C44 26 43 10 38 0 52 15 49 39 22 38z'/%3e\n%3c/svg%3e\n```\n\nCompare to the Base64 version (210 bytes):\n\n```url\ndata:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIH\nZpZXdCb3g9IjAgMCA1MCA1MCI+PHBhdGggZD0iTTIyIDM4VjUxTDMyIDMybDE5LTE5djEyQzQ0IDI2ID\nQzIDEwIDM4IDAgNTIgMTUgNDkgMzkgMjIgMzh6Ii8+PC9zdmc+\n```\n\nOr the URL-encoded version other tools produce (256 bytes):\n\n```url\ndata:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%\n2F2000%2Fsvg%22%20viewBox%3D%220%200%2050%2050%22%3E%3Cpath%20d%3D%22M22%2038V51\nL32%2032l19-19v12C44%2026%2043%2010%2038%200%2052%2015%2049%2039%2022%2038z%22%2\nF%3E%3C%2Fsvg%3E\n```\n\nFor a more realistic example, I inlined the icons from the [Open Iconic](https://useiconic.com/open) project into CSS files with the 3 above methods:\n\n| Compression | Base64    | Basic %-encoding | `mini-svg-data-uri` |\n|-------------|----------:|-----------------:|--------------------:|\n| None        | 96.459 kB | 103.268 kB       | 76.583 kB           |\n| `gzip -9`   | 17.902 kB | 13.780 kB        | 12.974 kB           |\n| `brotli -Z` | 15.797 kB | 11.693 kB        | 10.976 kB           |\n\nRoughly 6% smaller compressed, but don't write off the ≈20% uncompressed savings either. [Some browser caches decompress before store](https://blogs.msdn.microsoft.com/ieinternals/2014/10/21/compressing-the-web/), and parsing time/memory usage scale linearly with uncompressed filesize.\n\n\nUsage\n-----\n\n```js\nvar svgToMiniDataURI = require('mini-svg-data-uri');\n\nvar svg = '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M22 38V51L32 32l19-19v12C44 26 43 10 38 0 52 15 49 39 22 38z\"/></svg>';\n\nvar optimizedSVGDataURI = svgToMiniDataURI(svg);\n// \"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3e%3cpath d='M22 38V51L32 32l19-19v12C44 26 43 10 38 0 52 15 49 39 22 38z'/%3e%3c/svg%3e\"\n```\n\nYou can also [try it in your browser at RunKit](https://npm.runkit.com/mini-svg-data-uri).\n\n### CLI\n\nIf you have it installed globally, or as some kind of dependency inside your project’s directory:\n\n```sh\nmini-svg-data-uri file.svg # writes to stdout\nmini-svg-data-uri file.svg file.svg.uri # writes to the given output filename\n```\n\nUse `--help` for more info.\n\n### Warning\n\n* This **does not optimize the SVG source file**. You’ll want [svgo](https://github.com/svg/svgo) or its brother [SVGOMG](https://jakearchibald.github.io/svgomg/) for that.\n\n* The default output **does not work inside `srcset` attributes**. Use the `.toSrcset` method for that:\n\n  ```js\n  var srcsetExample = html`\n  <picture>\n    <source srcset=\"${svgToMiniDataURI.toSrcset(svg)}\">\n    <img src=\"${svgToMiniDataURI(svg)}\">\n  </picture>`;\n  ```\n\n* The resulting Data URI should be wrapped with double quotes: `url(\"…\")`, `<img src=\"…\">`, etc.\n\n* This might change or break SVGs that use `\"` in character data, like inside `<text>` or `aria-label` or something. Try curly quotes (`“”`)  or `&quot;` instead.\n\n\nFAQ\n---\n\n### Don’t you need a `charset` in the MIME Type?\n\n`charset` does nothing for Data URIs. The URI can only be the encoding of its parent file — it’s included in it!\n\n### Why lowercase the URL-encoded hex pairs?\n\nIt compresses slightly better. No, really. Using the same files from earlier:\n\n| Compression | Uppercase (`%AF`) | Lowercase (`%af`) |\n|-------------|------------------:|------------------:|\n| `gzip -9`   | 12.978 kB         | 12.974 kB         |\n| `brotli -Z` | 10.988 kB         | 10.976 kB         |\n\nI did say *slightly*.\n\n\nBrowser support\n---------------\n\n* Internet Explorer 9 and up, including Edge\n* Firefox, Safari, Chrome, whatever else uses their engines\n* Android WebKit 3+\n* Opera Mini’s server-side Presto\n","_attachments":{},"homepage":"https://github.com/tigt/mini-svg-data-uri#readme","bugs":{"url":"https://github.com/tigt/mini-svg-data-uri/issues"},"license":"MIT"}