分享一个比对图片是否一致的小工具(来源: github)

运行效果图:

官网:

GitHub - codingfishman/image-diff: 一个方便的图片对比工具一个方便的图片对比工具. Contribute to codingfishman/image-diff development by creating an account on GitHub.https://github.com/codingfishman/image-diff

优缺点:

1.采用比对各色块是否一致是该工具的核心,会出现因角度/光线不同而导致的匹配度不同。

最好用来判断图片是否完全一致(100%)

2.比对速度较慢,

tips:

下载好后须执行:

npm install

npm i nodemon -S

npm add cross-env -D

package.json文件修改:

"scripts": {

"build": "cross-env NODE_ENV=production webpack --config webpack.config.js --process --colors",

"watch": "cross-env NODE_ENV=test webpack --config webpack.config.js --process --colors --watch"

},

相关推荐
ZC跨境爬虫4 小时前
跟着 MDN 学 HTML day_9:(信件语义标记)
前端·css·笔记·ui·html
前端老石人4 小时前
HTML 字符引用完全指南
开发语言·前端·html
幼儿园技术家5 小时前
前端如何设计权限系统(RBAC / ABAC)?
前端
前端摸鱼匠6 小时前
Vue 3 的v-bind合并行为:讲解v-bind与普通属性合并的规则
前端·javascript·vue.js·前端框架·ecmascript
REDcker7 小时前
浏览器端Web程序性能分析与优化实战 DevTools指标与工程清单
开发语言·前端·javascript·vue·ecmascript·php·js
donecoding8 小时前
一个 sudo 引发的血案:npm 全局包权限错乱彻底修复
前端·node.js·前端工程化
James_WangA8 小时前
我给 AOI 设备装了一个 Agent,然后发现工具注册才是最难写的
架构·github
James_WangA8 小时前
产线上跑 Agent:LLM 挂了不是 500 错误,是停线
架构·github
风骏时光牛马8 小时前
Raku正则匹配与数据批量处理实操案例
前端
nbwenren8 小时前
2026实测:Gemini 3 镜像站视觉能力实践——拍照原型图,一键生成 HTML+CSS 代码
前端·css·html