{"_id":"@apeleghq/esbuild-plugin-responsive-images","_rev":"5-ff811e22fe5f310ff69e40d4bc9f1ff8","name":"@apeleghq/esbuild-plugin-responsive-images","dist-tags":{"latest":"1.0.17"},"versions":{"1.0.13":{"name":"@apeleghq/esbuild-plugin-responsive-images","version":"1.0.13","keywords":["esbuild","esbuild plugin","responsive images","sharp","libvips","srcset","jpeg","png","webp","avif"],"author":{"name":"Apeleg Limited"},"license":"ISC","_id":"@apeleghq/esbuild-plugin-responsive-images@1.0.13","maintainers":[{"name":"er-ci-bot","email":"npmjs.com+er-ci-bot+fd8b22b478b6fac7@apeleg.com"},{"name":"corrideat","email":"3857362+corrideat@users.noreply.github.com"}],"homepage":"https://github.com/ApelegHQ/esbuild-plugin-responsive-images#readme","bugs":{"url":"https://github.com/ApelegHQ/esbuild-plugin-responsive-images/issues"},"dist":{"shasum":"3e83d1b9d10d249618f338f7f9d8d48332ec7e3a","tarball":"https://registry.npmjs.org/@apeleghq/esbuild-plugin-responsive-images/-/esbuild-plugin-responsive-images-1.0.13.tgz","fileCount":38,"integrity":"sha512-DQGBTf6OtEEFLzYp7rw022xD+O7/zTI0U0ll5RGWI29xzR2nwx/bHKYN3HDlm8TtaCTLTc3sJN/wHokLH0nghQ==","signatures":[{"sig":"MEYCIQCwnWCiC1rWbR5QKSBJ1VsKYRKPVAeQwWYTyatx+cE/ZQIhAOhf0omTtNqv0E1yEf79nPdONNTmAqniUjiRbngefuto","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@apeleghq%2fesbuild-plugin-responsive-images@1.0.13","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":20889},"main":"dist/index.cjs","type":"module","module":"./dist/index.mjs","exports":{"import":"./dist/index.mjs","require":"./dist/index.cjs"},"gitHead":"2959db5fd26b6f419eaa027de9c4f191e0dae846","scripts":{"lint":"eslint . --ext .js,.jsx,.ts,.tsx","test":"node --loader ts-node/esm test/esbuild.test.ts","build":"tsc --emitDeclarationOnly --declarationMap && node esbuild.mjs","prepack":"npm run build","version":"npm run lint && git add -A src","lint:fix":"eslint . --ext .js,.jsx,.ts,.tsx --fix","preversion":"npm run lint","postversion":"git push && git push --tags","prepublishOnly":"npm test && npm run lint"},"_npmUser":{"name":"er-ci-bot","email":"npmjs.com+er-ci-bot+fd8b22b478b6fac7@apeleg.com"},"repository":{"url":"git+https://github.com/ApelegHQ/esbuild-plugin-responsive-images.git","type":"git"},"_npmVersion":"10.8.2","description":"esbuild plugin for responsive images using Sharp","directories":{},"_nodeVersion":"20.17.0","_hasShrinkwrap":false,"devDependencies":{"sharp":"^0.33.5","eslint":"^8.56.0","esbuild":"^0.23.1","ts-node":"^10.9.2","prettier":"^3.3.3","typescript":"^5.6.2","@types/node":"^22.5.4","@types/sharp":"^0.32.0","eslint-config-prettier":"^9.1.0","eslint-plugin-prettier":"^5.2.1","@typescript-eslint/parser":"^8.5.0","@typescript-eslint/eslint-plugin":"^8.5.0"},"peerDependencies":{"sharp":"^0.32.0 || ^0.33.0","esbuild":"^0.17.0 || ^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0"},"_npmOperationalInternal":{"tmp":"tmp/esbuild-plugin-responsive-images_1.0.13_1726068870515_0.863786482503597","host":"s3://npm-registry-packages"}},"1.0.14":{"name":"@apeleghq/esbuild-plugin-responsive-images","version":"1.0.14","keywords":["esbuild","esbuild plugin","responsive images","sharp","libvips","srcset","jpeg","png","webp","avif"],"author":{"name":"Apeleg Limited"},"license":"ISC","_id":"@apeleghq/esbuild-plugin-responsive-images@1.0.14","maintainers":[{"name":"er-ci-bot","email":"npmjs.com+er-ci-bot+fd8b22b478b6fac7@apeleg.com"},{"name":"corrideat","email":"3857362+corrideat@users.noreply.github.com"}],"homepage":"https://github.com/ApelegHQ/esbuild-plugin-responsive-images#readme","bugs":{"url":"https://github.com/ApelegHQ/esbuild-plugin-responsive-images/issues"},"dist":{"shasum":"7e156aa0c95d152d0ce33429e0c3d7fca3fe92bf","tarball":"https://registry.npmjs.org/@apeleghq/esbuild-plugin-responsive-images/-/esbuild-plugin-responsive-images-1.0.14.tgz","fileCount":38,"integrity":"sha512-S9SagM6rSIEvlgAKLBr89oNnCIGZETDYCDcCEESycXqWOaN515wSxhC0oP2zCqgoI+rsldNLzlYrHZw5ujNYRg==","signatures":[{"sig":"MEYCIQCKxjb4mojX/vUm4ZnX0TE2YSISY1407i7JPwjQGbSBawIhANwHsd/N7IrDGEL4R78TO/H9RIH1MnVWEeavd8TZV3JQ","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@apeleghq%2fesbuild-plugin-responsive-images@1.0.14","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":20974},"main":"dist/index.cjs","type":"module","module":"./dist/index.mjs","exports":{"import":"./dist/index.mjs","require":"./dist/index.cjs"},"gitHead":"146f3a6913155882e069ca60578e3ea3fc5adb75","scripts":{"lint":"eslint . --ext .js,.jsx,.ts,.tsx","test":"node --loader ts-node/esm test/esbuild.test.ts","build":"tsc --emitDeclarationOnly --declarationMap && node esbuild.mjs","prepack":"npm run build","version":"npm run lint && git add -A src","lint:fix":"eslint . --ext .js,.jsx,.ts,.tsx --fix","preversion":"npm run lint","postversion":"git push && git push --tags","prepublishOnly":"npm test && npm run lint"},"_npmUser":{"name":"er-ci-bot","email":"npmjs.com+er-ci-bot+fd8b22b478b6fac7@apeleg.com"},"repository":{"url":"git+https://github.com/ApelegHQ/esbuild-plugin-responsive-images.git","type":"git"},"_npmVersion":"10.8.2","description":"esbuild plugin for responsive images using Sharp","directories":{},"_nodeVersion":"20.19.0","_hasShrinkwrap":false,"devDependencies":{"sharp":"^0.33.5","eslint":"^9.23.0","esbuild":"^0.25.1","globals":"^16.0.0","ts-node":"^10.9.2","prettier":"^3.5.3","@eslint/js":"^9.23.0","typescript":"^5.8.2","@types/node":"^22.13.11","eslint-config-prettier":"^10.1.1","eslint-plugin-prettier":"^5.2.3","@typescript-eslint/parser":"^8.27.0","@types/google-closure-compiler":"^20231112.0.0","@typescript-eslint/eslint-plugin":"^8.27.0"},"peerDependencies":{"sharp":"^0.32.0 || ^0.33.0","esbuild":"^0.17.0 || ^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0|| ^0.23.0 || ^0.24.0 || ^0.25.0"},"_npmOperationalInternal":{"tmp":"tmp/esbuild-plugin-responsive-images_1.0.14_1742709089927_0.6756225645128391","host":"s3://npm-registry-packages-npm-production"}},"1.0.15":{"name":"@apeleghq/esbuild-plugin-responsive-images","version":"1.0.15","keywords":["esbuild","esbuild plugin","responsive images","sharp","libvips","srcset","jpeg","png","webp","avif"],"author":{"name":"Apeleg Limited"},"license":"ISC","_id":"@apeleghq/esbuild-plugin-responsive-images@1.0.15","maintainers":[{"name":"er-ci-bot","email":"npmjs.com+er-ci-bot+fd8b22b478b6fac7@apeleg.com"},{"name":"corrideat","email":"3857362+corrideat@users.noreply.github.com"}],"homepage":"https://github.com/ApelegHQ/esbuild-plugin-responsive-images#readme","bugs":{"url":"https://github.com/ApelegHQ/esbuild-plugin-responsive-images/issues"},"dist":{"shasum":"a05dd15b8011b136b38867b86871afe16ad400af","tarball":"https://registry.npmjs.org/@apeleghq/esbuild-plugin-responsive-images/-/esbuild-plugin-responsive-images-1.0.15.tgz","fileCount":8,"integrity":"sha512-H1XtKGxzs0RNm+duXvwtPb1i0atp3PvVFtRYRYCWJ9BloBLmFqiNS5uEkhhlZqDq2VqIZwyZMvdFNC2dee8bjg==","signatures":[{"sig":"MEUCIDWt1T3C1i39SCDmVAvWwoRfzk3XvIYEN5iU3Iz/kD5vAiEA2KndMxPDlgI9mVGVem34Y30D2RQ3UJcvruqIwAXkCWM=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@apeleghq%2fesbuild-plugin-responsive-images@1.0.15","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":17916},"main":"dist/index.cjs","type":"module","types":"dist/index.d.cts","module":"dist/index.mjs","exports":{".":{"import":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"},"require":{"types":"./dist/index.d.cts","default":"./dist/index.cjs"}}},"gitHead":"08e1ae40f6cf85d69e5f2016d01025aa49af58eb","scripts":{"lint":"eslint . --ext .js,.jsx,.ts,.tsx","test":"node --import ./loader.mjs --test ./test/esbuild.test.ts","build":"tsc --emitDeclarationOnly --declarationMap && node --import ./loader.mjs esbuild.ts","prepack":"npm run build","version":"npm run lint && git add -A src","lint:fix":"eslint . --ext .js,.jsx,.ts,.tsx --fix","preversion":"npm run lint","postversion":"git push && git push --tags","prepublishOnly":"npm test && npm run lint"},"_npmUser":{"name":"er-ci-bot","email":"npmjs.com+er-ci-bot+fd8b22b478b6fac7@apeleg.com"},"repository":{"url":"git+https://github.com/ApelegHQ/esbuild-plugin-responsive-images.git","type":"git"},"_npmVersion":"10.8.2","description":"esbuild plugin for responsive images using Sharp","directories":{},"_nodeVersion":"20.19.0","_hasShrinkwrap":false,"devDependencies":{"sharp":"^0.33.5","eslint":"^9.23.0","esbuild":"^0.25.1","globals":"^16.0.0","ts-node":"^10.9.2","prettier":"^3.5.3","@eslint/js":"^9.23.0","typescript":"^5.8.2","@types/node":"^22.13.11","@eslint/eslintrc":"^3.3.1","eslint-config-prettier":"^10.1.1","eslint-plugin-prettier":"^5.2.3","@typescript-eslint/parser":"^8.27.0","@typescript-eslint/eslint-plugin":"^8.27.0"},"peerDependencies":{"sharp":"^0.32.0 || ^0.33.0","esbuild":"^0.17.0 || ^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0|| ^0.23.0 || ^0.24.0 || ^0.25.0"},"_npmOperationalInternal":{"tmp":"tmp/esbuild-plugin-responsive-images_1.0.15_1742830374098_0.4654356744428252","host":"s3://npm-registry-packages-npm-production"}},"1.0.16":{"name":"@apeleghq/esbuild-plugin-responsive-images","version":"1.0.16","keywords":["esbuild","esbuild plugin","responsive images","sharp","libvips","srcset","jpeg","png","webp","avif"],"author":{"name":"Apeleg Limited"},"license":"ISC","_id":"@apeleghq/esbuild-plugin-responsive-images@1.0.16","maintainers":[{"name":"er-ci-bot","email":"npmjs.com+er-ci-bot+fd8b22b478b6fac7@apeleg.com"},{"name":"corrideat","email":"3857362+corrideat@users.noreply.github.com"}],"homepage":"https://github.com/ApelegHQ/esbuild-plugin-responsive-images#readme","bugs":{"url":"https://github.com/ApelegHQ/esbuild-plugin-responsive-images/issues"},"dist":{"shasum":"66779e5b1fef15568cf33217e97b5207c0b8bd95","tarball":"https://registry.npmjs.org/@apeleghq/esbuild-plugin-responsive-images/-/esbuild-plugin-responsive-images-1.0.16.tgz","fileCount":8,"integrity":"sha512-3lYjpp/ihX1CdKIXLMh+9Rz9m2Fa+nBjVRNaauK5qJbiRzeNCYAkVJV8jLbYK/GV0sQfdJ+qbC8g0e1QLkxhog==","signatures":[{"sig":"MEYCIQC15mo5E87BlNehrRHsHBY19evbayvzOk0ake/9mt/uLQIhAL37H29Tdk94T+3TKryKNvftMTOhIA8Wo1aOELCljQoS","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@apeleghq%2fesbuild-plugin-responsive-images@1.0.16","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":17835},"main":"dist/index.cjs","type":"module","types":"dist/index.d.cts","module":"dist/index.mjs","exports":{".":{"import":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"},"require":{"types":"./dist/index.d.cts","default":"./dist/index.cjs"}}},"gitHead":"902541a42027765de87188b587b0a053e4f41df3","scripts":{"lint":"eslint . --ext .js,.jsx,.ts,.tsx","test":"node --import ./loader.mjs --test ./test/esbuild.test.ts","build":"tsc --emitDeclarationOnly --declarationMap && node --import ./loader.mjs esbuild.ts","prepack":"npm run build","version":"npm run lint && git add -A src","lint:fix":"eslint . --ext .js,.jsx,.ts,.tsx --fix","preversion":"npm run lint","postversion":"git push && git push --tags","prepublishOnly":"npm test && npm run lint"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:fac19a81-e54a-4944-932c-0622199aec85"}},"repository":{"url":"git+https://github.com/ApelegHQ/esbuild-plugin-responsive-images.git","type":"git"},"_npmVersion":"11.6.0","description":"esbuild plugin for responsive images using Sharp","directories":{},"_nodeVersion":"24.9.0","_hasShrinkwrap":false,"devDependencies":{"sharp":"^0.34.4","eslint":"^9.37.0","esbuild":"^0.25.10","globals":"^16.4.0","ts-node":"^10.9.2","prettier":"^3.6.2","@eslint/js":"^9.37.0","typescript":"^5.9.3","@types/node":"^24.7.2","@eslint/eslintrc":"^3.3.1","eslint-config-prettier":"^10.1.8","eslint-plugin-prettier":"^5.5.4","@typescript-eslint/parser":"^8.46.0","@typescript-eslint/eslint-plugin":"^8.46.0"},"peerDependencies":{"sharp":">=0.32.0 <0.35.0","esbuild":">=0.17.0 <0.26.0"},"_npmOperationalInternal":{"tmp":"tmp/esbuild-plugin-responsive-images_1.0.16_1760191868619_0.6649489461639151","host":"s3://npm-registry-packages-npm-production"}},"1.0.17":{"name":"@apeleghq/esbuild-plugin-responsive-images","version":"1.0.17","description":"esbuild plugin for responsive images using Sharp","type":"module","main":"dist/index.cjs","module":"dist/index.mjs","types":"dist/index.d.cts","exports":{".":{"import":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"},"require":{"types":"./dist/index.d.cts","default":"./dist/index.cjs"}}},"scripts":{"lint":"eslint . --ext .js,.jsx,.ts,.tsx","lint:fix":"eslint . --ext .js,.jsx,.ts,.tsx --fix","build":"tsc --emitDeclarationOnly --declarationMap && node --import ./loader.mjs esbuild.ts","test":"node --import ./loader.mjs --test ./test/esbuild.test.ts","prepack":"npm run build","prepublishOnly":"npm test && npm run lint","preversion":"npm run lint","version":"npm run lint && git add -A src","postversion":"git push && git push --tags"},"repository":{"type":"git","url":"git+https://github.com/ApelegHQ/esbuild-plugin-responsive-images.git"},"author":{"name":"Apeleg Limited"},"license":"ISC","devDependencies":{"@eslint/eslintrc":"^3.3.3","@eslint/js":"^9.39.2","@types/node":"^25.0.3","@typescript-eslint/eslint-plugin":"^8.50.1","@typescript-eslint/parser":"^8.50.1","esbuild":"^0.27.2","eslint":"^9.39.2","eslint-config-prettier":"^10.1.8","eslint-plugin-prettier":"^5.5.4","globals":"^16.5.0","prettier":"^3.7.4","sharp":"^0.34.5","ts-node":"^10.9.2","typescript":"^5.9.3"},"peerDependencies":{"esbuild":">=0.17.0 <0.28.0","sharp":">=0.32.0 <0.35.0"},"keywords":["esbuild","esbuild plugin","responsive images","sharp","libvips","srcset","jpeg","png","webp","avif"],"gitHead":"f1ece270f3abc0c5a0a3514900bde5cd6cf4ec4c","_id":"@apeleghq/esbuild-plugin-responsive-images@1.0.17","bugs":{"url":"https://github.com/ApelegHQ/esbuild-plugin-responsive-images/issues"},"homepage":"https://github.com/ApelegHQ/esbuild-plugin-responsive-images#readme","_nodeVersion":"24.12.0","_npmVersion":"11.6.2","dist":{"integrity":"sha512-dmtolpssrJPaehVzEwzpms7VcgOhkG9LCkHwsv4utapZ7Uk+BXI7SCZ9gWHU/ucMIz683WGEmSSe59PCyIn8+w==","shasum":"570df30e492a11fd0c6d83eef727a7808a9de2a9","tarball":"https://registry.npmjs.org/@apeleghq/esbuild-plugin-responsive-images/-/esbuild-plugin-responsive-images-1.0.17.tgz","fileCount":8,"unpackedSize":17834,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@apeleghq%2fesbuild-plugin-responsive-images@1.0.17","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCXna7/gAy2uN2geh+a5KbJCwCbLVlYKvFwRzAbqmYuFAIhALZ+xkcvbbrQ3ybkCLxCW4qo14tzp73WipEiQXUiNfQb"}]},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:fac19a81-e54a-4944-932c-0622199aec85"}},"directories":{},"maintainers":[{"name":"er-ci-bot","email":"npmjs.com+er-ci-bot+fd8b22b478b6fac7@apeleg.com"},{"name":"corrideat","email":"3857362+corrideat@users.noreply.github.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/esbuild-plugin-responsive-images_1.0.17_1766595430501_0.46515168065180923"},"_hasShrinkwrap":false}},"time":{"created":"2024-09-11T15:34:30.402Z","modified":"2025-12-24T16:57:10.999Z","1.0.13":"2024-09-11T15:34:30.673Z","1.0.14":"2025-03-23T05:51:30.109Z","1.0.15":"2025-03-24T15:32:54.257Z","1.0.16":"2025-10-11T14:11:08.855Z","1.0.17":"2025-12-24T16:57:10.647Z"},"bugs":{"url":"https://github.com/ApelegHQ/esbuild-plugin-responsive-images/issues"},"author":{"name":"Apeleg Limited"},"license":"ISC","homepage":"https://github.com/ApelegHQ/esbuild-plugin-responsive-images#readme","keywords":["esbuild","esbuild plugin","responsive images","sharp","libvips","srcset","jpeg","png","webp","avif"],"repository":{"type":"git","url":"git+https://github.com/ApelegHQ/esbuild-plugin-responsive-images.git"},"description":"esbuild plugin for responsive images using Sharp","maintainers":[{"name":"er-ci-bot","email":"npmjs.com+er-ci-bot+fd8b22b478b6fac7@apeleg.com"},{"name":"corrideat","email":"3857362+corrideat@users.noreply.github.com"}],"readme":"# esbuild plugin for responsive images\n\n [![Reliability Rating](https://sonarcloud.io/api/project_badges/measure?project=Exact-Realty_esbuild-plugin-responsive-images&metric=reliability_rating)](https://sonarcloud.io/summary/new_code?id=Exact-Realty_esbuild-plugin-responsive-images)\n [![Vulnerabilities](https://sonarcloud.io/api/project_badges/measure?project=Exact-Realty_esbuild-plugin-responsive-images&metric=vulnerabilities)](https://sonarcloud.io/summary/new_code?id=Exact-Realty_esbuild-plugin-responsive-images)\n [![Bugs](https://sonarcloud.io/api/project_badges/measure?project=Exact-Realty_esbuild-plugin-responsive-images&metric=bugs)](https://sonarcloud.io/summary/new_code?id=Exact-Realty_esbuild-plugin-responsive-images)\n [![Security Rating](https://sonarcloud.io/api/project_badges/measure?project=Exact-Realty_esbuild-plugin-responsive-images&metric=security_rating)](https://sonarcloud.io/summary/new_code?id=Exact-Realty_esbuild-plugin-responsive-images)\n [![Maintainability Rating](https://sonarcloud.io/api/project_badges/measure?project=Exact-Realty_esbuild-plugin-responsive-images&metric=sqale_rating)](https://sonarcloud.io/summary/new_code?id=Exact-Realty_esbuild-plugin-responsive-images)\n ![NPM Downloads](https://img.shields.io/npm/dw/@apeleghq/esbuild-plugin-responsive-images?style=flat-square)\n\n## How to use\n\n### Installing\n\n```sh\nnpm i -D @apeleghq/esbuild-plugin-responsive-images\n```\n\n### Configuring esbuild\n\nIn the file you have your configuration, first import this plugin\n\n```js\nconst responsiveImages = require('@apeleghq/esbuild-plugin-responsive-images');\n```\n\nOr using ES module syntax:\n\n```js\nimport responsiveImages from '@apeleghq/esbuild-plugin-responsive-images';\n```\n\nThen, in your esbuild configuration, add `responsiveImages()` to the `plugins` list. Minimal example:\n\n```js\nconst esbuild = require('esbuild');\nconst responsiveImages = require('@apeleghq/esbuild-plugin-responsive-images');\n\nawait esbuild\n\t.build({\n\t\tentryPoints: ['index.js'],\n\t\toutdir: 'build',\n\t\tbundle: true,\n\t\tformat: 'cjs',\n\t\tplugins: [responsiveImages()],\n\t});\n```\n\n### Getting responsive images\n\nIn `index.js`, import your images like this:\n\n```js\nconst image = require('respimg+file:./your-image.png?sizes=12w,13w');\n```\n\nNote that the imported argument is treated as an URI and must follow the URI rules.\n\n\n#### Supported arguments\n\n- `sizes`: Comma-separated list of width descriptors (###w) or pixel density descriptors (###x). It's not possible to mix descriptor types, and at least one descriptor must be given.\n- `outputFormats`: Comma-separated list of output formats. If not given, it defaults to the same as the input format.\n- `displayWidth`: For density descriptors, the intended display width. It defaults to 1024px and has no effect on width descriptors.\n\n#### Result\n\nThe import will return something like this:\n\n```js\n{\n\twidth: 200\n\theight: 133,\n\toriginalWidth: 1333,\n\toriginalHeight: 2000,\n\tsrc: 'http://example.com/assets/img1.200w-AAAAAAAA.png',\n\tsources: [\n\t\t[\n\t\t\t'image/png',\n\t\t\t'http://example.com/assets/img1.200w-AAAAAAAA.png 200w,http://example.com/assets/img1.300w-BBBBBBBB.png 300w'\n\t\t]\n\t],\n}\n```\n\nThe different values are intended to be used as follows:\n\n`src` refers to the fallback image (the inner `<img>` element when using the `<picture>` element; otherwise, the `src` value of `<img>`), and `width` and `height` refer to the dimensions of this fallback image.\n\n`originalWidth` and `originalHeight` refer to the dimensions of the original image. Like `width` and `height`, these could be helpful in certain situations where the aspect ratio is needed.\n\n`sources` refers to the different `srcset` and `type` attributes for `<source>` elements (or the single `srcset` attribute of the `<img>` element if not using `<picture>`).\n\nThus, this could result in the following HTML:\n\n```html\n<picture>\n\t<!-- Note that there could be many <source> elements, one for each entry in the sources array -->\n\t<source type=\"image/png\" srcset=\"http://example.com/assets/img1.200w-AAAAAAAA.png 200w,http://example.com/assets/img1.300w-BBBBBBBB.png 300w\" sizes=\"100%\" />\n\t<img src=\"http://example.com/assets/img1.200w-AAAAAAAA.png\" alt=\"description\" />\n</picture>\n```\n\nSince in this case there is a single source, it's possible to use an `<img>` element directly, without a `<picture>` container:\n\n```html\n<img src=\"http://example.com/assets/img1.200w-AAAAAAAA.png\" alt=\"description\" srcset=\"http://example.com/assets/img1.200w-AAAAAAAA.png 200w,http://example.com/assets/img1.300w-BBBBBBBB.png 300w\" sizes=\"100%\" />\n```\n","readmeFilename":"README.md"}