{"_id":"@bro-academy/vite-plugin-image-optimizer","_rev":"3-0a2211825e1637455d1214efe95fcbe8","name":"@bro-academy/vite-plugin-image-optimizer","dist-tags":{"latest":"0.0.2"},"versions":{"0.0.1":{"name":"@bro-academy/vite-plugin-image-optimizer","version":"0.0.1","keywords":["vite","plugin","images","optimization"],"author":{"name":"BRO Academy"},"license":"ISC","_id":"@bro-academy/vite-plugin-image-optimizer@0.0.1","maintainers":[{"name":"niklissad","email":"niklissad@gmail.com"}],"dist":{"shasum":"322ee29872a2f08718277e686e4161632bb73b7d","tarball":"https://registry.npmjs.org/@bro-academy/vite-plugin-image-optimizer/-/vite-plugin-image-optimizer-0.0.1.tgz","fileCount":3,"integrity":"sha512-LOJlTVtsqauIctJLLXZpeiqWuIuNUjBsJhLU8tldtxYfdBBnlUBm5P5ZheKoUxtccYo8rFpDtxVHHCC2V1u/vg==","signatures":[{"sig":"MEUCIC1ja2Md/MfmUiQSj2p4JBoi20h0yO1CKxxdtEaktZG/AiEAtnJoRPN38TxsNUPIFa/5F6WAKCA1Y6J9QNOmZpFfccY=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":10843},"main":"index.js","gitHead":"d35051ff49b96af2b2228709091e46401f368825","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"niklissad","email":"niklissad@gmail.com"},"_npmVersion":"10.9.2","description":"Vite plugin to optimize images in HTML and CSS","directories":{},"_nodeVersion":"22.13.1","dependencies":{"sharp":"^0.34.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"vite":"^6.3.5"},"_npmOperationalInternal":{"tmp":"tmp/vite-plugin-image-optimizer_0.0.1_1748421401857_0.7345369727221311","host":"s3://npm-registry-packages-npm-production"}},"0.0.2":{"name":"@bro-academy/vite-plugin-image-optimizer","version":"0.0.2","description":"Vite plugin to optimize images in HTML and CSS","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"dependencies":{"sharp":"^0.34.2"},"peerDependencies":{"vite":"^6.3.5"},"keywords":["vite","plugin","images","optimization"],"author":{"name":"BRO Academy"},"license":"ISC","publishConfig":{"access":"public"},"_id":"@bro-academy/vite-plugin-image-optimizer@0.0.2","gitHead":"19c15d761cc366805dfa70a5b56b9fa00760f02c","_nodeVersion":"22.14.0","_npmVersion":"10.9.2","dist":{"integrity":"sha512-1XK0wz9Awi4Xb7ceVQ9HUfOGVk2JNXBtTH8WNssJSF//FhXEIZ3DLvTqVJzwjkVYWl0CAT2S2/Zdig4C9xtP9Q==","shasum":"ba43fea089800e61399f9258cd36d33b1de1150f","tarball":"https://registry.npmjs.org/@bro-academy/vite-plugin-image-optimizer/-/vite-plugin-image-optimizer-0.0.2.tgz","fileCount":3,"unpackedSize":11488,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIAggLJbD7nnn8zUNV8ayE/l9qg2ObhjBspCdIONu7ggKAiAXLbZkTcPbck3mkdp/elAgh82w5BMWYNNAiBSFRltcjQ=="}]},"_npmUser":{"name":"niklissad","email":"niklissad@gmail.com"},"directories":{},"maintainers":[{"name":"niklissad","email":"niklissad@gmail.com"},{"name":"gurylev","email":"andrew@gurylev.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/vite-plugin-image-optimizer_0.0.2_1748805322803_0.6241806441260911"},"_hasShrinkwrap":false}},"time":{"created":"2025-05-28T08:36:41.744Z","modified":"2025-06-01T19:15:23.179Z","0.0.1":"2025-05-28T08:36:42.027Z","0.0.2":"2025-06-01T19:15:22.964Z"},"author":{"name":"BRO Academy"},"license":"ISC","keywords":["vite","plugin","images","optimization"],"description":"Vite plugin to optimize images in HTML and CSS","maintainers":[{"name":"niklissad","email":"niklissad@gmail.com"},{"name":"gurylev","email":"andrew@gurylev.com"}],"readme":"# @bro-academy/vite-plugin-image-optimizer\n\nA Vite plugin to optimize images in HTML and CSS during the build process. Supports automatic image dimension injection and conversion to modern formats.\n\n## Features\n\n- Optimizes PNG and JPEG images in your build output\n- Converts images to WebP and AVIF formats (if requested)\n- Injects image dimensions into HTML\n- Updates HTML and CSS to reference optimized/converted images\n\n## Installation\n\nInstall the plugin and its peer dependency:\n\n```sh\nnpm install @bro-academy/vite-plugin-image-optimizer --save-dev\n```\n\n## Usage\n\nAdd the plugin to your `vite.config.js`:\n\n```js\nimport imageOptimizer from '@bro-academy/vite-plugin-image-optimizer';\n\nexport default {\n plugins: [\n imageOptimizer({\n dimensions: true // Set to false to skip adding width/height\n })\n ]\n};\n```\n\n## How it works\n\n- During build, the plugin scans your HTML and CSS for image references.\n- It optimizes and converts only the images actually used in the output.\n- HTML and CSS are updated to reference the optimized/converted images.\n- Image dimensions are injected into `` tags if enabled.\n\n## Options\n\n| Option | Type | Default | Description |\n|-------------|---------|---------|---------------------------------------------|\n| dimensions | boolean | true | Injects width/height attributes into ``|\n\n## Example\n\n### HTML\n```html\n\n\n\n\n \n \n \n\n```\n\n### CSS\n```css\n.class {\n background-image: url('/src/assets/images/banner.png?format=webp');\n}\n```\n\n## License\n\nISC\n\n---","readmeFilename":"README.md"}