[{"data":1,"prerenderedAt":72},["ShallowReactive",2],{"document:zh:screenshot-comparison":3},{"title":4,"description":5,"body":6,"faqs":61,"tool":68,"kind":69,"slug":70,"locale":71},"截图对比工具","在本地比较两张截图，使用并排、滑块、叠加和可下载的像素差异图。",{"type":7,"value":8,"toc":54},"minimark",[9,13,17,20,23,26,39,42],[10,11,12],"h2",{"id":12},"让网页成为可用的视觉资料",[14,15,16],"p",{},"定位两个版本之间的视觉变化。并排视图帮助了解上下文，滑块和叠加更容易看出元素移动的位置。",[14,18,19],{},"像素差异代表颜色发生变化，不说明变化是否合理。字体、抗锯齿和动画都可能产生差异，需要结合原图判断。",[14,21,22],{},"两张所选图片均在浏览器内处理。尺寸不同时，请选择对齐方式并阅读尺寸说明；将图片强行拉伸会干扰像素比较。",[10,24,25],{"id":25},"使用步骤",[27,28,29,33,36],"ol",{},[30,31,32],"li",{},"选择参考截图和第二张图片。",[30,34,35],{},"设置对齐、比较视图和差异阈值。",[30,37,38],{},"检查变化并下载差异图。",[10,40,41],{"id":41},"继续完成任务",[14,43,44,49,50],{},[45,46,48],"a",{"href":47},"\u002Fzh\u002Fscreenshot-image-converter","转换图片格式"," · ",[45,51,53],{"href":52},"\u002Fzh\u002Fresponsive-screenshot-checker","捕获不同视口",{"title":55,"searchDepth":56,"depth":56,"links":57},"",2,[58,59,60],{"id":12,"depth":56,"text":12},{"id":25,"depth":56,"text":25},{"id":41,"depth":56,"text":41},[62,65],{"question":63,"answer":64},"有差异就说明有缺陷吗？","不是。差异图只标记变化的像素，需要结合页面目的和原图判断。",{"question":66,"answer":67},"能直接输入两个网址比较吗？","这里比较本地图片文件；请先分别截取页面，再选择截图。","compare","tool","screenshot-comparison","zh",1793599001853]