{"id":20572532,"url":"https://github.com/nucliweb/responsive-images-squoosh","last_synced_at":"2025-12-06T22:02:01.428Z","repository":{"id":42184669,"uuid":"510614852","full_name":"nucliweb/responsive-images-squoosh","owner":"nucliweb","description":"Generate responsive images and next-gen image formats with squoosh-cli","archived":false,"fork":false,"pushed_at":"2023-02-17T11:01:40.000Z","size":98198,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-01-16T21:16:47.865Z","etag":null,"topics":["cli","images","optimization","performance","responsive-images","webperf"],"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/nucliweb.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-07-05T06:31:37.000Z","updated_at":"2024-02-09T23:42:22.000Z","dependencies_parsed_at":"2024-11-16T05:33:09.110Z","dependency_job_id":null,"html_url":"https://github.com/nucliweb/responsive-images-squoosh","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nucliweb%2Fresponsive-images-squoosh","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nucliweb%2Fresponsive-images-squoosh/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nucliweb%2Fresponsive-images-squoosh/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nucliweb%2Fresponsive-images-squoosh/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nucliweb","download_url":"https://codeload.github.com/nucliweb/responsive-images-squoosh/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242188238,"owners_count":20086325,"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","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":["cli","images","optimization","performance","responsive-images","webperf"],"created_at":"2024-11-16T05:21:14.206Z","updated_at":"2025-12-06T22:01:56.391Z","avatar_url":"https://github.com/nucliweb.png","language":"JavaScript","readme":"# responsive-images-squoosh\n\nGenerate responsive images and next-gen image formats with [`squoosh-cli`](https://github.com/GoogleChromeLabs/squoosh/tree/dev/cli)\n\n## Install\n\n\u003e You need [Node.js](https://nodejs.org/) in your system to use this project.\n\nRun the next command to install dependencies, you can use `npm` (used in the example) or `yarn`.\n\n```bash\nnpm install\n```\n\n## Usage\n\nThe `npm run compress` command gets all images in the `originals` folder and generate optimized and responsive images into the folder `images` following the FORMATS defined in the [config file](src/config.js).\n\n## Photos and credits\n\n\u003cpicture\u003e\n  \u003csource type=\"image/avif\" srcset=\"assets/Photos.avif\"\u003e\n  \u003csource type=\"image/webp\" srcset=\"assets/Photos.webp\"\u003e\n  \u003cimg src=\"assets/Photos.jpg\" alt=\"Photos\"\u003e\n\u003c/picture\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003ePhotos by\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://unsplash.com/@shotbymax?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eMax\u003c/a\u003e on \u003ca href=\"https://unsplash.com/t/street-photography?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eUnsplash\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://unsplash.com/@anna7de?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eAnna Delliou\u003c/a\u003e on \u003ca href=\"https://unsplash.com/t/street-photography?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eUnsplash\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://unsplash.com/@eugene_1?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eEugen Sacalî\u003c/a\u003e on \u003ca href=\"https://unsplash.com/t/street-photography?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eUnsplash\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://unsplash.com/@irfanncc_?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eMegat Irfan\u003c/a\u003e on \u003ca href=\"https://unsplash.com/t/street-photography?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eUnsplash\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://unsplash.com/@alemagnone?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eAlexis Magnone\u003c/a\u003e on \u003ca href=\"https://unsplash.com/t/street-photography?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eUnsplash\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://unsplash.com/@hanielespinalmedia?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eHaniel Espinal\u003c/a\u003e on \u003ca href=\"https://unsplash.com/t/street-photography?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eUnsplash\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://unsplash.com/@ibuzn?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eIbrahim Uzun\u003c/a\u003e on \u003ca href=\"https://unsplash.com/t/street-photography?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eUnsplash\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://unsplash.com/@marius_otohpgraphy?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eMario Esposito\u003c/a\u003e on \u003ca href=\"https://unsplash.com/t/street-photography?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eUnsplash\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://unsplash.com/@borkography?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eAdam Borkowski\u003c/a\u003e on \u003ca href=\"https://unsplash.com/t/street-photography?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eUnsplash\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://unsplash.com/@hanielespinalmedia?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eHaniel Espinal\u003c/a\u003e on \u003ca href=\"https://unsplash.com/t/street-photography?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eUnsplash\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://unsplash.com/@borkography?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eAdam Borkowski\u003c/a\u003e on \u003ca href=\"https://unsplash.com/t/street-photography?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eUnsplash\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://unsplash.com/@borkography?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eAdam Borkowski\u003c/a\u003e on \u003ca href=\"https://unsplash.com/t/street-photography?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eUnsplash\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://unsplash.com/@pulse_thekidd?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eTyler Sakil\u003c/a\u003e on \u003ca href=\"https://unsplash.com/t/street-photography?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eUnsplash\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://unsplash.com/@real_jansen?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003ereal_ jansen\u003c/a\u003e on \u003ca href=\"https://unsplash.com/t/street-photography?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eUnsplash\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://unsplash.com/@real_jansen?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003ereal_ jansen\u003c/a\u003e on \u003ca href=\"https://unsplash.com/t/street-photography?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eUnsplash\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://unsplash.com/es/@takeshi2?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003ewu yi\u003c/a\u003e on \u003ca href=\"https://unsplash.com/t/street-photography?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eUnsplash\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://unsplash.com/@markusspiske?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eMarkus Spiske\u003c/a\u003e on \u003ca href=\"https://unsplash.com/t/street-photography?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eUnsplash\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://unsplash.com/@0x0red?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eothmane ferrah\u003c/a\u003e on \u003ca href=\"https://unsplash.com/t/street-photography?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eUnsplash\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://unsplash.com/@0x0red?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eothmane ferrah\u003c/a\u003e on \u003ca href=\"https://unsplash.com/t/street-photography?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eUnsplash\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://unsplash.com/@ricovandevoorde?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eRico Van de Voorde\u003c/a\u003e on \u003ca href=\"https://unsplash.com/t/street-photography?utm_source=unsplash\u0026utm_medium=referral\u0026utm_content=creditCopyText\"\u003eUnsplash\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnucliweb%2Fresponsive-images-squoosh","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnucliweb%2Fresponsive-images-squoosh","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnucliweb%2Fresponsive-images-squoosh/lists"}