{"id":18074872,"url":"https://github.com/robinloeffel/gulp-rezzy","last_synced_at":"2025-07-29T23:12:46.350Z","repository":{"id":57258843,"uuid":"240794055","full_name":"robinloeffel/gulp-rezzy","owner":"robinloeffel","description":"The incredibly fast image resizer utility for gulp. ⚡️","archived":false,"fork":false,"pushed_at":"2024-04-30T19:13:42.000Z","size":12790,"stargazers_count":5,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-12T06:16:22.491Z","etag":null,"topics":["gulp","gulp-plugin","image","image-processing","javascript","nodejs","resizer","sharp"],"latest_commit_sha":null,"homepage":"https://npmjs.com/gulp-rezzy","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/robinloeffel.png","metadata":{"files":{"readme":"readme.md","changelog":"changelog.md","contributing":null,"funding":null,"license":null,"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":"2020-02-15T22:02:09.000Z","updated_at":"2024-04-30T19:13:46.000Z","dependencies_parsed_at":"2024-10-21T18:35:01.370Z","dependency_job_id":null,"html_url":"https://github.com/robinloeffel/gulp-rezzy","commit_stats":{"total_commits":35,"total_committers":1,"mean_commits":35.0,"dds":0.0,"last_synced_commit":"53a66a136ff4129b0194b21b0394a18634f7223a"},"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robinloeffel%2Fgulp-rezzy","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robinloeffel%2Fgulp-rezzy/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robinloeffel%2Fgulp-rezzy/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robinloeffel%2Fgulp-rezzy/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/robinloeffel","download_url":"https://codeload.github.com/robinloeffel/gulp-rezzy/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248525140,"owners_count":21118620,"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":["gulp","gulp-plugin","image","image-processing","javascript","nodejs","resizer","sharp"],"created_at":"2024-10-31T10:23:38.049Z","updated_at":"2025-04-12T06:16:39.475Z","avatar_url":"https://github.com/robinloeffel.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# gulp-rezzy\n\n[![latest version on npm](https://img.shields.io/npm/v/gulp-rezzy)](https://www.npmjs.com/package/gulp-rezzy)\n[![npm downloads a month](https://img.shields.io/npm/dm/gulp-rezzy)](https://www.npmjs.com/package/gulp-rezzy)\n[![required node version](https://img.shields.io/node/v/gulp-rezzy)](https://github.com/nodejs/Release)\n[![package license](https://img.shields.io/npm/l/gulp-rezzy)](license)\n\n\u003e The incredibly fast image resize utility for [`gulp`](https://github.com/gulpjs/gulp). ⚡️\n\n`gulp-rezzy` enables you to resize your images and then pipe each and every newly created version version of it into your stream. This allows you to only have one big background image asset in your source directory and then generate several smaller versions of it for all your responsiveness needs automatically. No more Photoshop for you, my friend!\n\n## Setup\n\n```sh\nnpm i gulp-rezzy -D\n```\n\n```js\nimport gulp from 'gulp';\nimport rezzy from 'gulp-rezzy';\n\nexport const images = () =\u003e src('source/img/*')\n  .pipe(rezzy([{\n    width: 640,\n    suffix: '-sm'\n  }, {\n    width: 1280,\n    suffix: '-md'\n  }, {\n    width: 1920,\n    suffix: '-lg'\n  }]))\n  .pipe(dest('public/img'));\n```\n\nThis plugin works perfectly in tandem with [`gulp-imagemin`](https://github.com/sindresorhus/gulp-imagemin) and [`gulp-webp`](https://github.com/sindresorhus/gulp-webp).\n\n## Config\n\nYou can configure `gulp-rezzy` by passing in an array of objects containing the details of the versions to be generated.\n\n[`width`](#width) and [`height`](#height) are optional. If none of them are supplied, there'll be no resizing. If one of them is present, the image will be transformed accordingly, preserving the aspect ratio. If both are present, the image will be resized and cropped to those exact dimensions. [`suffix`](#suffix) is always required. If no configuration gets passed, no transformations will be made.\n\nYou can see all available options for [`fit`](#fit) and [`position`](#position) in the [`sharp` documentation](https://sharp.pixelplumbing.com/api-resize#resize). They get passed right to [`sharp`](https://github.com/lovell/sharp).\n\n### `width`\n\nType: `number`\u003cbr\u003e\nDefault: `undefined`\n\nDesired width of the image in pixels. Either [`width`](#width) or [`height`](#height) has to be set.\n\n### `height`\n\nType: `number`\u003cbr\u003e\nDefault: `undefined`\n\nDesired height of the image in pixels. Either [`height`](#height) or [`width`](#width) has to be set.\n\n### `fit`\n\nType: `string`\u003cbr\u003e\nDefault: `'cover'`\n\nHow the image should fit inside the specified dimensions.\n\n### `position`\n\nType: `string`\u003cbr\u003e\nDefault: `'center'`\n\nWhat or where to focus on when cropping is necessary.\n\n### `suffix`\n\nType: `string`\u003cbr\u003e\nDefault: `undefined`\n\nString to prepend the file extension.\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frobinloeffel%2Fgulp-rezzy","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frobinloeffel%2Fgulp-rezzy","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frobinloeffel%2Fgulp-rezzy/lists"}