{"id":17472348,"url":"https://github.com/retyui/postcss-image-set-generator","last_synced_at":"2025-10-07T09:13:58.808Z","repository":{"id":57328115,"uuid":"94172950","full_name":"retyui/postcss-image-set-generator","owner":"retyui","description":"Postcss plugin for generate miniature images for image-set()","archived":false,"fork":false,"pushed_at":"2018-09-23T09:39:11.000Z","size":124,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-09-12T10:51:33.969Z","etag":null,"topics":["css-images","image-set","postcss-plugin","retina-support","retinal-images"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/retyui.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-06-13T05:32:34.000Z","updated_at":"2021-01-02T00:14:26.000Z","dependencies_parsed_at":"2022-08-23T14:40:53.179Z","dependency_job_id":null,"html_url":"https://github.com/retyui/postcss-image-set-generator","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/retyui/postcss-image-set-generator","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/retyui%2Fpostcss-image-set-generator","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/retyui%2Fpostcss-image-set-generator/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/retyui%2Fpostcss-image-set-generator/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/retyui%2Fpostcss-image-set-generator/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/retyui","download_url":"https://codeload.github.com/retyui/postcss-image-set-generator/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/retyui%2Fpostcss-image-set-generator/sbom","scorecard":{"id":772441,"data":{"date":"2025-08-11","repo":{"name":"github.com/retyui/postcss-image-set-generator","commit":"20dfd9a35f3abbaa0cb132e18108de1e45bb7a95"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":1.7,"checks":[{"name":"Token-Permissions","score":-1,"reason":"No tokens found","details":null,"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"Code-Review","score":0,"reason":"Found 0/14 approved changesets -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Dangerous-Workflow","score":-1,"reason":"no workflows found","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Maintained","score":0,"reason":"0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"Pinned-Dependencies","score":-1,"reason":"no dependencies found","details":null,"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"License","score":10,"reason":"license file detected","details":["Info: project has a license file: LICENSE:0","Info: FSF or OSI recognized license: MIT License: LICENSE:0"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Branch-Protection","score":0,"reason":"branch protection not enabled on development/release branches","details":["Warn: branch protection not enabled for branch 'master'"],"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}},{"name":"SAST","score":0,"reason":"SAST tool is not run on all commits -- score normalized to 0","details":["Warn: 0 commits out of 16 are checked with a SAST tool"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"name":"Vulnerabilities","score":0,"reason":"52 existing vulnerabilities detected","details":["Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8","Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92","Warn: Project is vulnerable to: GHSA-6chw-6frg-f759","Warn: Project is vulnerable to: GHSA-v88g-cgmw-v5xw","Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw","Warn: Project is vulnerable to: GHSA-fwr7-v2mv-hh25","Warn: Project is vulnerable to: GHSA-pp7h-53gx-mx7r","Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw","Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg","Warn: Project is vulnerable to: GHSA-w8qv-6jwh-64r5","Warn: Project is vulnerable to: GHSA-257v-vj4p-3w2h","Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275","Warn: Project is vulnerable to: GHSA-gxpj-cx7g-858c","Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq","Warn: Project is vulnerable to: GHSA-3gx7-xhv7-5mx3","Warn: Project is vulnerable to: GHSA-8r6j-v8pm-fqw3","Warn: Project is vulnerable to: MAL-2023-462","Warn: Project is vulnerable to: GHSA-4q6p-r6v2-jvc5","Warn: Project is vulnerable to: GHSA-qqgx-2p2h-9c37","Warn: Project is vulnerable to: GHSA-2pr6-76vf-7546","Warn: Project is vulnerable to: GHSA-8j8c-7jfh-h6hx","Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h","Warn: Project is vulnerable to: GHSA-6c8f-qphg-qjgp","Warn: Project is vulnerable to: GHSA-jf85-cpcp-j695","Warn: Project is vulnerable to: GHSA-p6mc-m468-83gw","Warn: Project is vulnerable to: GHSA-29mw-wpgm-hmr9","Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm","Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv","Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3","Warn: Project is vulnerable to: GHSA-vh95-rmgr-6w4m","Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h","Warn: Project is vulnerable to: GHSA-fhjf-83wg-r2j9","Warn: Project is vulnerable to: GHSA-hj48-42vr-x3v9","Warn: Project is vulnerable to: GHSA-g6ww-v8xp-vmwg","Warn: Project is vulnerable to: GHSA-566m-qj78-rww5","Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j","Warn: Project is vulnerable to: GHSA-hwj9-h5mp-3pm3","Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw","Warn: Project is vulnerable to: GHSA-4g88-fppr-53pp","Warn: Project is vulnerable to: GHSA-4jqc-8m5r-9rpr","Warn: Project is vulnerable to: GHSA-gp95-ppv5-3jc5","Warn: Project is vulnerable to: GHSA-54xq-cgqr-rpm3","Warn: Project is vulnerable to: GHSA-wpg7-2c88-r8xv","Warn: Project is vulnerable to: GHSA-3jfq-g458-7qm9","Warn: Project is vulnerable to: GHSA-r628-mhmh-qjhw","Warn: Project is vulnerable to: GHSA-9r2w-394v-53qc","Warn: Project is vulnerable to: GHSA-5955-9wpr-37jh","Warn: Project is vulnerable to: GHSA-qq89-hq3f-393p","Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36","Warn: Project is vulnerable to: GHSA-pq67-2wwv-3xjx","Warn: Project is vulnerable to: GHSA-8cj5-5rvv-wf4v","Warn: Project is vulnerable to: GHSA-52f5-9888-hmc6"],"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}}]},"last_synced_at":"2025-08-23T02:33:05.613Z","repository_id":57328115,"created_at":"2025-08-23T02:33:05.613Z","updated_at":"2025-08-23T02:33:05.613Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278747925,"owners_count":26038811,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-07T02:00:06.786Z","response_time":59,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css-images","image-set","postcss-plugin","retina-support","retinal-images"],"created_at":"2024-10-18T17:08:16.156Z","updated_at":"2025-10-07T09:13:58.763Z","avatar_url":"https://github.com/retyui.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# postcss-image-set-generator\n\n[![npm](https://img.shields.io/npm/v/postcss-image-set-generator.svg)](https://www.npmjs.com/package/postcss-image-set-generator)\n[![AppVeyor](https://img.shields.io/appveyor/ci/retyui/postcss-image-set-generator.svg?label=windows)](https://ci.appveyor.com/project/retyui/postcss-image-set-generator)\n[![Travis](https://img.shields.io/travis/retyui/postcss-image-set-generator.svg?label=unix)](https://travis-ci.org/retyui/postcss-image-set-generator)\n\n\u003cimg src=\"https://pp.userapi.com/c639816/v639816614/29dff/vPg0nxoXBBM.jpg\" width=\"444\" alt=\"Logo postcss-image-set-generator\"\u003e\n\n## Example or [Demo](https://github.com/retyui/demo-modern-images-usage-css)\n\n```css\n/* Input */\ni {\n  backgroung-image: image-set(url(bg.webp) 196dpi);\n}\n\na {\n  border-image: image-set(url(border.webp) 1.5x);\n}\n\ndd {\n  backgroung: #fff image-set(url(bg.webp) 1x, url(bg-lg.webp) 2x); /* skiped */\n}\n\n/* Output */\ni {\n  backgroung-image: image-set(\n    url(bg@x1.webp) 1x,\n    url(bg@1.5x.webp) 1.5x,\n    url(bg.webp) 2x\n  );\n}\n\na {\n  border-image: image-set(url(border@x1.webp) 1x, url(border@.webp) 1.5x);\n}\n\ndd {\n  backgroung: #fff image-set(url(bg.webp) 1x, url(bg-lg.webp) 2x); /* skiped */\n}\n```\n\n## About this plugin\n\nThis [plugin](https://github.com/retyui/postcss-image-set-generator) add postcss function for [`image-set`](https://drafts.csswg.org/css-images-3/#image-set-notation).\n\nThis function checks if only one argument was passed to it, it automatically makes thumbnails of the images according to the sizes previously set.\n\nYou must specify only one picture of the largest size and specify for which pixelity pixel it is used\n\n## Install\n\n### [Prerequisites](http://sharp.dimens.io/en/stable/install/#prerequisites)\n\n- Node v6+\n- C++11 compatible compiler such as gcc 4.8+, clang 3.0+ or MSVC 2013+\n- [`node-gyp`](https://github.com/nodejs/node-gyp#installation) and its dependencies (includes Python)\n\n```bash\nyarn add postcss-image-set-generator\n# or\nnpm install postcss-image-set-generator\n```\n\n## Example\n\nDemo how it work look on this repo [demo-modern-images-usage-css](https://github.com/retyui/demo-modern-images-usage-css)\n\n## Usage\n\n### Gulp\n\nIn Gulp you can use [gulp-postcss] with `postcss-image-set-generator` npm package.\n\n```js\ngulp.task(\"autoprefixer\", function() {\n  const postcss = require(\"gulp-postcss\");\n  const sourcemaps = require(\"gulp-sourcemaps\");\n  const generatoRrr = require(\"postcss-image-set-generator\");\n\n  return gulp\n    .src(\"./src/*.css\")\n    .pipe(sourcemaps.init())\n    .pipe(postcss([generatoRrr(/* options */)]))\n    .pipe(sourcemaps.write(\".\"))\n    .pipe(gulp.dest(\"./dest\"));\n});\n```\n\n### Postcss Api\n\n```js\nconst { readFileSync, writeFileSync } = require(\"fs\");\nconst { resolve } = require(\"path\");\nconst postcss = require(\"postcss\");\nconst generatoRrr = require(\"postcss-image-set-generator\");\n\nconst options = {\n  from: resolve(__dirname, \"./assets/css/style.css\"),\n  to: resolve(__dirname, \"./assets/css/style.dist.css\")\n};\nconst { from, to } = options;\n\npostcss()\n  .use(generatoRrr(/* options */))\n  .process(readFileSync(from), options)\n  .then(result =\u003e writeFileSync(to, result.css));\n```\n\n## Options\n\n### `scales`\n\ntype : `Array`, default: `[1, 1.5, 2, 3]`\n\nList supported scale images\n\n### `suffix`\n\ntype : `String` , default: `@x`\n\nMiniature images naming `\u003cname\u003e\u003csuffix\u003e\u003cscale\u003e.\u003cext\u003e`\n\nExample: `icon-star.webp` -\u003e `icon-star@x2.webp`\n\n### `resolutionType`\n\ntype: `String`, default: `x`\n\nAvailable Values `dpi || dppx || x`\n\n### [`loadPaths`](https://github.com/borodean/assets#loadpaths)\n\n### [`relativeTo`](https://github.com/borodean/assets#relativeto)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fretyui%2Fpostcss-image-set-generator","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fretyui%2Fpostcss-image-set-generator","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fretyui%2Fpostcss-image-set-generator/lists"}