图片对比、视频对比一个工具全搞定跨平台像素级对比工具 MegSpot 上手指南【免费下载链接】MegSpotMegSpot是一款高效、专业、跨平台的图片视频对比应用项目地址: https://gitcode.com/gh_mirrors/me/MegSpot你是不是也遇到过这种场景设计稿改了十个版本别人说你确定这两张没差别你盯着屏幕看了五分钟还是找不出来。或者两段录屏要逐帧核对字幕位置来回拖动播放条拖到崩溃。MegSpot 就是为这类事而生的跨平台图片对比、视频对比桌面工具免费、免登录把两张图或两段视频并排放好之后支持叠加、分割、逐像素查看、RGB 取色还能把对比过程录成 GIF 直接发给同事。它解决什么具体问题先说结论MegSpot 不是看图软件而是找差异软件。三个最常见的用途设计验收把客户改前的稿子和改后的稿子叠加显示透明度拉到 50%挪动的元素一眼可见再配合直方图确认色调是否被误调过。视频核查把两个版本的录屏放到视频对比页播放进度同步暂停在同一帧上核对字幕、特效或布局不用手动对齐时间码。教学与科研标注像素级放大后看 RGB 数值和坐标做图像分析、论文配图校对时取色器能直接读出任意像素的颜色值。它同时支持 Windows、macOS、Linux 三个系统界面有中文、英文、日文三种语言对需要跨机器协作的小组来说不用各装一套。快速上手安装并完成第一次图片对比分两条路按你的情况选一条。直接装从项目 Releases 页面下载对应系统的安装包Windows 是安装向导macOS 是 dmgLinux 是 AppImage拖进去就能跑。源码编译适合想改代码的贡献者。下面这段命令完成从拉取代码到本地运行的全过程仓库地址见正文开头引用的克隆命令# 拉取代码并启动开发模式 git clone https://gitcode.com/gh_mirrors/me/MegSpot cd MegSpot yarn # 或 npm install npm run dev # 开发模式启动第一次图片对比只需四步打开应用首页点图片对比会先进入文件选择页左侧选文件夹右侧文件列表里勾选两张图按CtrlEntermacOS 是CommandEnter直接进入对比页对比页里滚动缩放、拖拽平移用右上角布局按钮切换并排 / 叠加 / 分割。首页还内置了循环播放的帮助视频把图像对比、拖拽对比的要点都演示了一遍第一次用可以点开看。叠加对比与分割对比两种让差异现形的摆法一句话总结差异藏不住的关键是控制两张图的显示方式。MegSpot 提供三种布局并排1x2适合整体扫视另外两种专门用来抓细节。叠加对比两张图像叠在同一位置调其中一张的透明度。A 版挪过、B 版没挪的元素会直接重影出来。适合改动范围小、位置敏感的验收场景。分割对比一条分割线把画面切成两半左边显示 A、右边显示 B拖动分割线扫过画面差异经过分割线瞬间会被眼睛捕捉到——这是老设计师查图的老办法MegSpot 把它做成了内置功能。GIF 结果呈现把当前对比画面导出成 GIF动图里保留了你扫过的过程发群里就能说明看这里不一样。适合谁设计师、UI 走查、外包交付验收。用法上没有门槛切换布局就在对比页顶部工具栏切换是即时的不需要保存重开。选中操作只动你想动的那一张这是 MegSpot 最有特色、也最容易被忽略的机制核心逻辑是翻转、缩放这类操作可以只作用于你选中的那一张另一张纹丝不动。具体用法先点选其中一张图可以选一张也可以两张都选中再做翻转、缩放、镜像等变换。如果你只选中了左图那么旋转操作只发生在左图上右图保持原样——这就解决了两张图同步缩放没问题但我只想单独挪左边这张的刚需。典型场景左右两图分辨率不一致只想单独放大左边找细节视频截屏对比时某一张截图方向反了单独翻转它另一张不受影响。适合谁所有做精细对比的人。别小看这个功能没有它你每调一次都得手动把另一张调回来。拖拽对比先摆顺序再开始比拖拽对比解决的是我要比的不止两张的问题。流程是在文件选择页把想比的文件都选进文件长廊相当于一个已选文件的舞台区长廊里支持拖动调整先后顺序然后从已选图片里挑两张进入分割对比。它的价值在于把选文件和开对比拆成了两步你可以先把二十张图按顺序排好哪两张想比就拖哪两张不用反复回文件列表。2.2.10 版本还修了拖拽对比中图像展示顺序的 bug并在拖拽对比模式下显示图像名称顺序混乱的老问题已经解决。适合谁一次要核查一组版本比如 v1 到 v10 的渲染结果的测试同学。光色调节亮度、对比度、饱和度六个旋钮对比的前提是你能看见而屏幕差异经常是肉眼在默认参数下看不出来的。MegSpot 在对比页内置了一组实时预览的参数调节改动即刻生效随时可重置参数干什么用亮度整体提亮压暗救回太暗看不出结构的图对比度拉开亮暗差距让细节浮出来饱和度降饱和能快速判断色差问题出不在颜色上灰度去掉颜色干扰纯看结构和明暗Gamma单独拉伸中间调微调暗部层次色阶更精细的曲线级调整用法建议先开灰度看结构差异再开对比度看色调差异最后关掉所有参数回默认。这套先灰度后恢复的套路基本能覆盖 90% 的肉眼查不动的情况。适合谁摄影师校色、印刷前打样核对、图像质量分析。像素级观察RGB 取色、直方图与坐标如果说上一节是让差异显现这一节是量化差异。MegSpot 的像素级查看包含三件套RGB 取色器光标移到哪个像素旁边就实时显示该点的 R/G/B/A 数值和色块做配色核对、色值标注不用再导进 Photoshop直方图显示图像的亮度/颜色分布两张图直方图形状对不上说明色调被动过——这个判断比肉眼可靠得多坐标信息当前查看位置、缩放比例一目了然复述问题时能直接报坐标。配合 4x、2x、1x、0.5x、0.25x 这几档缩放在偏好里可自定义比例列表从全局扫到单像素无缝衔接。适合谁做图像算法的、写论文要标色值的、以及所有我确定不一样但说不出来哪里不一样的人。定格瞬间GIF 导出与图像快照对比的结果总要留个证据。MegSpot 提供两种定格方式定位不同GIF 结果呈现偏传播。把对比画面导成动图扔进群聊对方三秒看懂哪里有问题不用装软件。图像快照.mgt偏存档。把当前对比状态整体保存成一个 .mgt 快照文件里面记录了每张图的位置、缩放和参数设置。下次双击打开画面原样恢复接着上次的位置继续比。一句话分工GIF 发给别人看.mgt 留给自己用。适合谁需要把对比结论同步给不在电脑前的人GIF以及一个对比任务要分几天做完的人快照。视频对比让多段视频停在同一帧视频对比的逻辑和图片对比几乎一样唯一的区别是多了帧这个维度你得控制每个视频停在哪个画面。MegSpot 的解法是播放进度同步——多个视频窗口共用一套进度控制播放、暂停、拖动进度条时所有视频同步走随时可以把整组视频钉在任意一帧上做图片式的精细对比。三个实用点任意画面可对比不限于开头跳到第 3 分 24 秒照样并排看视频截屏对比把视频定格成静态画面后就可以像图片对比一样用选中操作单独翻转、缩放某一张方便处理方向、分辨率不一致的情况;HEVC/H.265 硬解码现在不少设备录屏默认就是 H.265 编码MegSpot 通过 Chromium 的 HEVC 平台解码开关启用了硬解这类视频不会出现软解卡顿或直接拉不开的情况。适合谁QA 核对录屏、剪辑前后版本核对、教学录播质检。文件选择与文件长廊别每次都重新选文件很多人不知道 MegSpot 会把你的文件组织方式记在本地。具体来说它维护两组持久化数据文件路径列表和文件夹路径列表各存两份图片一套、视频一套。下次打开应用上次选的文件夹和文件都还在。两个入口配合使用文件列表进入图片对比或视频对比后先落在这里左侧文件夹树、右侧文件表格支持按名称等字段排序也能切换成缩略图视图文件长廊点已选按钮打开集中展示你所有已选文件支持拖动调整顺序。日常节奏可以固化成开工时确认文件列表是最新的补选几张然后直接进对比页。适合谁每天固定处理同一批素材的人。Linux 命令行速查 ⌨结论先说命令行启动是 Linux 下最好用的快捷方式装完 AppImage 之后建议花十秒做个硬链接。AppImage 自动更新后文件名会带版本变化直接敲命令每次都要改用一条链接指过去就稳定了# 把带版本号的 AppImage 链成固定命令名 sudo ln /path/to/MegSpot-x.x.x.AppImage /usr/bin/MegSpot之后所有启动都从终端敲MegSpot开头MegSpot ./screenshots # 浏览指定文件夹 MegSpot a.png b.png -i # 直接进图片对比 MegSpot a.mp4 b.mp4 -v # 直接进视频对比 MegSpot a.png b.png -c # -c 清空之前的已选参数就四个记不住就敲MegSpot -h看帮助。路径支持绝对和相对不存在的地址会被静默忽略。适合谁常驻 Linux 工作站、习惯终端流工作的人。技术支线Electron 双进程是怎么分工的这一节写给好奇的人不读也不影响使用。MegSpot 是 Electron Vue 2 的经典架构进程分两边主进程src/main/负责开窗口、建菜单、装托盘、跑自动更新、解析命令行参数。启动时用electron-builder按 win32/win64/mac/linux 各出一个包。渲染进程src/renderer/Vue 2 Vuex Vue Router 的单页应用状态按模块拆分——imageStore 管图片集合videoStore 管视频preferenceStore 管偏好imageSnapshotStore 管快照。两者之间靠 IPC 通信渲染进程通过ipcMain约定的频道向主进程要东西比如启动时把命令行参数原样回传窗口管理器里那个get_start_cmd_arg事件。两个细节值得一看。第一H.265 支持是在主进程启动时一行命令开出来的// 主进程入口里启用 Chromium 的 HEVC 平台解码 app.commandLine.appendSwitch(enable-features, PlatformHEVCDecoderSupport)第二config/目录下的 dev.env / prod.env / index.js 控制着开发端口9080、内置服务端口25565、是否禁用 F12 这类行为改完重新打包即可。常见问题排查问H.265 视频打不开或很卡先确认你的系统/显卡是否支持 H.265 硬解Mac 2018 年以后的机型基本都支持不支持时 Chromium 会退回软解大分辨率下卡顿属正常换台有硬解的机器最快。问图片放进去不显示先核对格式——图片支持 jpg、jpeg、png、svg视频支持 mp4、mov、rmvb、avi。再检查文件读权限路径里有没有特殊字符。问每次打开都要重新选文件我明明选过文件列表是持久化的但注意它分图片一套、视频一套如果你上次是走图片入口选的视频入口的列表自然是空的。问快捷键想换成自己的习惯默认CtrlEnter进对比、CtrlDelete清空已选设置里提供了快捷键自定义入口可绑定常用组合键macOS 下会自动显示成 Command 语义。问怎么更新到最新版Windows / Linux / Mac 三个平台都内置了自动更新应用内提示时点确认即可不用手动去 Releases 翻安装包。适合谁用去哪找人一句话收束设计师、摄影师、QA、做图像算法的研究者只要你的工作里有把两个东西放在一起看差异这个动作MegSpot 都值得一试。Apache 2.0 协议商用免费。几个找人的渠道项目 Issues 直接提 bug 和功能建议邮件 megengine-supportmegvii.comQQ 群 782365536 可以交流用法。源码在 src/renderer/ 下按组件组织想加功能可以从自己最常用的一条线改起。去装上它把上次那张看不出差别的图拖进去叠一下——答案通常就在那里。【免费下载链接】MegSpotMegSpot是一款高效、专业、跨平台的图片视频对比应用项目地址: https://gitcode.com/gh_mirrors/me/MegSpot创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考