{"id":31729912,"url":"https://github.com/j9t/imagemin-guard","last_synced_at":"2025-10-09T07:19:56.461Z","repository":{"id":37394965,"uuid":"505717858","full_name":"j9t/imagemin-guard","owner":"j9t","description":"Convenient and safe automatable image compression","archived":false,"fork":false,"pushed_at":"2025-09-25T13:22:10.000Z","size":2443,"stargazers_count":7,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-09-27T02:50:09.440Z","etag":null,"topics":["automation","avif","compression","gif","graphics","images","jpg","lossless","optimization","performance","png","webp"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/@j9t/imagemin-guard","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":"sumcumo/imagemin-merlin","license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/j9t.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}},"created_at":"2022-06-21T06:28:29.000Z","updated_at":"2025-09-25T13:22:14.000Z","dependencies_parsed_at":"2023-10-11T08:48:28.354Z","dependency_job_id":null,"html_url":"https://github.com/j9t/imagemin-guard","commit_stats":{"total_commits":140,"total_committers":6,"mean_commits":"23.333333333333332","dds":0.3214285714285714,"last_synced_commit":"0a846af8a8ee283c7d6f686701a6b250d2980f12"},"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/j9t/imagemin-guard","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/j9t%2Fimagemin-guard","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/j9t%2Fimagemin-guard/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/j9t%2Fimagemin-guard/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/j9t%2Fimagemin-guard/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/j9t","download_url":"https://codeload.github.com/j9t/imagemin-guard/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/j9t%2Fimagemin-guard/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279000984,"owners_count":26082973,"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-09T02:00:07.460Z","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":["automation","avif","compression","gif","graphics","images","jpg","lossless","optimization","performance","png","webp"],"created_at":"2025-10-09T07:19:53.482Z","updated_at":"2025-10-09T07:19:56.449Z","avatar_url":"https://github.com/j9t.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Imagemin Guard\n\n[![npm version](https://img.shields.io/npm/v/@j9t/imagemin-guard.svg)](https://www.npmjs.com/package/@j9t/imagemin-guard)\n[![Build status](https://github.com/j9t/imagemin-guard/workflows/Tests/badge.svg)](https://github.com/j9t/imagemin-guard/actions)\n\n(This project has been based on [sum.cumo’s imagemin-merlin](https://github.com/sumcumo/imagemin-merlin). [Changes are documented](https://github.com/sumcumo/imagemin-merlin/compare/master...j9t:master), and include this README. Imagemin Guard supports two additional file formats—WebP and AVIF—, comes with improved code and documentation, and is being maintained. For this reason, it’s [not based on any Imagemin packages](https://meiert.com/blog/imagemin-guard-4/) anymore.)\n\nImagemin Guard takes care of near-lossless compression of your images, to help you avoid bloat in your repositories. It makes it convenient and as safe as possible to automatically compress PNG, JPG, GIF, WebP, and AVIF images.\n\nIt’s convenient because setup is simple. Run it right away—done. Or install, run, add hook—done.\n\nIt’s as safe as possible because compression happens losslessly (near-lossless for JPG and GIF images). That allows you to stop worrying about forgetting to compress images, but also about sacrificing too much quality. (You can take care of additional optimizations manually or through other tooling.)\n\n## Installation and Use\n\n(Note available parameters below.)\n\n### Ways to Use Imagemin Guard\n\n#### Option 1: Immediate Manual Use\n\nYou can use Imagemin Guard right away, without installation, by running\n\n```console\nnpx @j9t/imagemin-guard\n```\n\n#### Option 2: Project-Linked Manual Use\n\nInstall Imagemin Guard in your project:\n\n```console\nnpm i -D @j9t/imagemin-guard\n```\n\nRun Imagemin Guard by calling\n\n```console\nnpx imagemin-guard\n```\n\nTo make sure that _all_ images are being compressed, it’s recommended to run Imagemin Guard like this at least once, after installation.\n\n#### Option 3: Automated Use\n\nInstall Imagemin Guard in your project:\n\n```console\nnpm i -D @j9t/imagemin-guard\n```\n\nTo compress images already in the code base, run Imagemin Guard once by calling\n\n```console\nnpx imagemin-guard\n```\n\nFor automated use, Imagemin Guard should be triggered through a [Git hook](https://git-scm.com/book/en/v2/Customizing-Git-Git-Hooks) on `pre-commit`. You can choose between native Git hooks (recommended for simple projects) or [Husky](https://github.com/typicode/husky).\n\n##### Native Git Hooks\n\nNative Git hooks are simpler to set up and don’t require additional dependencies. Run these commands from your project root:\n\n```console\nmkdir -p .githooks;\\\ncat \u003e .githooks/pre-commit \u003c\u003c 'EOF'\n#!/bin/sh\nnpx imagemin-guard --staged\nEOF\nchmod +x .githooks/pre-commit;\\\ngit config core.hooksPath .githooks;\\\ngit add .githooks/pre-commit;\\\ngit commit -m \"feat: add Git pre-commit hook for Imagemin Guard\";\\\nnpm pkg set scripts.postprepare=\"mkdir -p .githooks \u0026\u0026 cat \u003e .githooks/pre-commit \u003c\u003c 'EOF'\n#\\!/bin/sh\nnpx imagemin-guard --staged\nEOF\nchmod +x .githooks/pre-commit \u0026\u0026 git config core.hooksPath .githooks\"\n```\n\n##### Husky\n\nIf you already use [Husky](https://typicode.github.io/husky/), run the following commands in your project root (you can copy and execute them at once):\n\n```console\ngrep -qxF \"npx imagemin-guard --staged\" .husky/pre-commit || echo \"\\nnpx imagemin-guard --staged\" \u003e\u003e .husky/pre-commit;\\\ngit add .husky/pre-commit;\\\ngit commit -m \"feat: add Husky pre-commit hook for Imagemin Guard\";\\\nnpm pkg set scripts.postprepare=\"grep -qxF 'npx imagemin-guard --staged' .husky/pre-commit || echo '\\nnpx imagemin-guard --staged' \u003e\u003e .husky/pre-commit\"\n```\n\nIf you don’t use Husky yet, run the following commands from your project root:\n\n```console\nnpm i -D husky;\\\nnpx husky init;\\\necho \"npx imagemin-guard --staged\" \u003e .husky/pre-commit;\\\ngit add .husky/pre-commit;\\\ngit commit -m \"feat: add Husky pre-commit hook for Imagemin Guard\";\\\nnpm pkg set scripts.postprepare=\"grep -qxF 'npx imagemin-guard --staged' .husky/pre-commit || echo '\\nnpx imagemin-guard --staged' \u003e\u003e .husky/pre-commit\"\n```\n\n(The `postprepare` script ensures that the hook is added to the repository whenever someone installs the package.)\n\n**Important:** When you commit images that have not yet been compressed, the automated compression process (triggered by the pre-commit hook) will modify those image files to reduce their size. As a result, after your initial commit attempt, you will see these images appear as changed files in Git. To include the optimized images in your repository, you need to stage and commit them again. In rare cases, if further compression is possible, you may need to repeat this process until no further changes are detected. This workflow is intentional and ensures that only optimally compressed images are committed. Many editors can display diffs for images, helping you review these changes.\n\n### Parameters\n\n* `--dry` allows you to run Imagemin Guard in “dry mode.” All changes are shown in the terminal.\n\n* `--ignore` allows you to specify paths to be ignored (as in `--ignore=example,test`). Multiple paths must be separated by commas. (Files and paths specified in .gitignore files are generally ignored.)\n\n* `--staged` (recommended with automated use) triggers a mode that watches PNG, JPG, GIF, WebP, and AVIF files in `git diff` and only compresses those files—that approach makes Imagemin Guard more efficient in operation.\n\n### Troubleshooting\n\n#### “npx: command not found”\n\nIf Git hooks fail with “npx: command not found,” make sure to install (`npm i -D @j9t/imagemin-guard`) and to refer to the binary directly in the `pre-commit` hook (and, not detailed here, also in the `postprepare` script):\n\n```console\n#!/bin/sh\nexport PATH=\"$PWD/node_modules/.bin:$PATH\"\n./node_modules/.bin/imagemin-guard --staged\n```\n\nThis issue can arise in GUI Git clients (VS Code, GitHub Desktop, etc.) or with Node version managers, as these environments may not inherit your shell's `PATH`/Node environment. This affects any tool using npx in hooks.\n\n## What Does the Output Look Like?\n\nRoughly like this:\n\n![Screenshot of Imagemin Guard in operation.](https://raw.githubusercontent.com/j9t/imagemin-guard/master/media/output.png)\n\n* Green: The image file has been compressed.\n* White (light gray): The image file has not been changed.\n* Blue: The image file had already been compressed more aggressively than the new result, and was therefore skipped, too.\n\n## How Does Imagemin Guard Work?\n\nImagemin Guard is a Node script that uses [sharp](https://www.npmjs.com/package/sharp) under the hood.\n\nAutomated compression works by monitoring whether a given [change list](https://webglossary.info/terms/change-list/) includes any PNGs, JPGs, GIFs, WebPs, or AVIFs. It’s initiated by a Git hook. Only those images are compressed where there is an improvement. The compressed images can then be committed to the underlying repository.\n\nThrough this approach, though glossed over here, Imagemin Guard makes up for what’s missing or complicated in other packages, namely easy, near-riskless, automatable, resource-friendly in-repo optimization.\n\n## Why Use Imagemin Guard?\n\nYou _can_ use Imagemin Guard if you need a simple, automatable, robust solution to compress images in a way that limits unnecessary image payload right from the start, in your repositories, and that reduces the risk that entirely uncompressed images go into production.\n\nAs Imagemin Guard compresses near-losslessly, there’s little risk of quality issues from compression. (Lossless compression is not possible for every image format, however, so there’s a risk when excessively iterating over the same images. Doing so may eventually degrade quality.)\n\n## What Does Imagemin Guard _Not_ Do?\n\nImagemin Guard is no substitute for image fine-tuning and micro-optimization. That’s difficult to do in an automated fashion, because this type of compression requires [balancing quality and performance](https://meiert.com/blog/understanding-image-compression/) and is context-dependent. In its most extreme form, when maximum quality at maximum performance is required from each graphic, micro-optimization is even challenging to do manually.\n\nThat is, micro-optimization still needs to be taken care of through other means, whether manually or through tools. Imagemin Guard just solves the problem that images are checked in or go live that are not compressed _at all_.\n\n## What’s Next?\n\nThere are a few ideas, like adding light SVG support, or ensuring compatibility with projects in which the project’s .git folder is not at the same level as its package.json (currently, automatic mode doesn’t work in these cases).\n\nFeedback is appreciated: Please [file an issue](https://github.com/j9t/imagemin-guard/issues/new) or send a pull request. Thank you!\n\n## License\n\nCopyright 2019 [sum.cumo GmbH](https://web.archive.org/web/20191208211414/https://www.sumcumo.com/)\n\nCopyright 2022 [Jens Oliver Meiert](https://meiert.com/)\n\nLicensed under the Apache License, Version 2.0 (the “License”); you may not use this file except in compliance with the License. You may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under the License is distributed on an “AS IS” BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fj9t%2Fimagemin-guard","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fj9t%2Fimagemin-guard","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fj9t%2Fimagemin-guard/lists"}