【技术实现步骤摘要】
本申请涉及图像处理，具体而言，涉及一种网页图像的对比方法、装置、电子设备及存储介质。
技术介绍
1、在web开发领域，一般需要基于设计图还原成可交互的web页面。然而，设计图与web页面之间的还原度通常难以量化评估。现有技术中，通常是由ui设计工程师进行人工审查，费时耗力。因此，需要一种效率更高的网页还原效果审查的方法。
技术实现思路
1、有鉴于此，本申请的目的在于提供一种网页图像的对比方法、装置、电子设备及存储介质，以减轻人工审查网页还原效果的工作量，提高审查效率。
2、第一方面，本申请提供了一种网页图像的对比方法，方法包括获取分辨率相同的网页设计图像以及网页界面图像，其中，网页界面是基于网页设计图像开发的；分别计算网页设计图像和网页界面图像之间的第一还原度和第二还原度；根据第一还原度和第二还原度，计算出目标相似度，以检验网页界面图像对网页设计图像的还原效果。
3、优选的，通过以下方式计算出目标相似度：计算第一还原度和第二还原度的平均值，作为目标相似度。
4、优选的，通过以下方式计算出第一还原度：基于网页设计图像和网页界面图像的像素值，分别计算出第一哈希值和第二哈希值；计算第一哈希值和第二哈希值之间的汉明距离值，作为第一还原度。
5、优选的，通过以下方式计算出第二还原度：根据网页设计图像和网页界面图像的像素值，分别统计出第一像素分布直方图和第二像素分布直方图；基于第一像素分布直方图和第二像素分布直方图，计算出巴氏系数，作为第二还原度
6、优选的，针对网页设计图像和网页界面图像中的任一目标图像，通过以下方式计算目标图像的哈希值：从目标图像的所有像素点中，确定出64个采样像素点并确定每个采样像素点的灰度值；计算所有采样像素点的灰度值对应的平均灰度值；针对每个采样像素点，比较该采样像素点的灰度值与平均灰度值的大小，以确定出该采样像素点的编码值；按照指定顺序排列所有采样像素点的编码值，作为目标图像的哈希值。
7、优选的，针对网页设计图像和网页界面图像中的任一目标图像，通过以下方式统计出目标图像的像素分布直方图：针对每一灰度等级，基于目标图像中所有像素点的灰度值，统计出该灰度等级对应的像素点个数；构建像素分布直方图，其中，横坐标为灰度等级，纵坐标为灰度等级对应的像素点个数或概率。
8、优选的，通过以下方式获取网页设计图像对应的网页界面图像：获取基于网页设计图像开发的网页地址；通过无界面浏览器访问网页地址，并调用截图视窗对网页界面进行截取，以获取网页设计图像对应的网页界面图像。
9、第二方面，本申请提供了一种网页图像的对比装置，装置包括：
10、获取模块，用于获取分辨率相同的网页设计图像以及网页界面图像，其中，网页界面是基于网页设计图像开发的；
11、统计模块，用于分别计算网页设计图像和网页界面图像之间的第一还原度和第二还原度；
12、评估模块，用于根据第一还原度和第二还原度，计算出目标相似度，以检验网页界面图像对网页设计图像的还原效果。
13、第三方面，本申请还提供一种电子设备，包括：处理器、存储器和总线，存储器存储有处理器可执行的机器可读指令，当电子设备运行时，处理器与存储器之间通过总线通信，机器可读指令被处理器执行时执行如上述的一种网页图像的对比方法的步骤。
14、第四方面，本申请还提供一种计算机可读存储介质，该计算机可读存储介质上存储有计算机程序，该计算机程序被处理器运行时执行如上述的一种网页图像的对比方法的步骤。
15、本申请提供的一种网页图像的对比方法、装置、电子设备及存储介质，其中，方法包括获取分辨率相同的网页设计图像以及网页界面图像，其中，网页界面是基于网页设计图像开发的；分别计算网页设计图像和网页界面图像之间的第一还原度和第二还原度；根据第一还原度和第二还原度，计算出目标相似度，以检验网页界面图像对网页设计图像的还原效果。通过对网页设计图像和网页界面图像进行还原度计算，量化评估web页面的目标相似度，减轻了人工审查网页还原效果的工作量，提高审查效率。
16、为使本申请的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。
本文档来自技高网...【技术保护点】
1.一种网页图像的对比方法，其特征在于，所述方法包括：
2.根据权利要求1所述的方法，其特征在于，通过以下方式计算出目标相似度：
3.根据权利要求1所述的方法，其特征在于，通过以下方式计算出所述第一还原度：
4.根据权利要求1所述的方法，其特征在于，通过以下方式计算出所述第二还原度：
5.根据权利要求3所述的方法，其特征在于，针对所述网页设计图像和所述网页界面图像中的任一目标图像，通过以下方式计算目标图像的哈希值：
6.根据权利要求4所述的方法，其特征在于，针对所述网页设计图像和所述网页界面图像中的任一目标图像，通过以下方式统计出目标图像的像素分布直方图：
7.根据权利要求1所述的方法，其特征在于，通过以下方式获取网页设计图像对应的网页界面图像：
8.一种网页图像的对比装置，其特征在于，所述装置包括：
9.一种电子设备，其特征在于，包括：处理器、存储器和总线，所述存储器存储有所述处理器可执行的机器可读指令，当电子设备运行时，所述处理器与所述存储器之间通过总线通信，所述处理器执行所述机器
10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器运行时执行如权利要求1至7任一所述网页图像的对比方法的步骤。
...【技术特征摘要】
1.一种网页图像的对比方法，其特征在于，所述方法包括：
2.根据权利要求1所述的方法，其特征在于，通过以下方式计算出目标相似度：
3.根据权利要求1所述的方法，其特征在于，通过以下方式计算出所述第一还原度：
4.根据权利要求1所述的方法，其特征在于，通过以下方式计算出所述第二还原度：
5.根据权利要求3所述的方法，其特征在于，针对所述网页设计图像和所述网页界面图像中的任一目标图像，通过以下方式计算目标图像的哈希值：
6.根据权利要求4所述的方法，其特征在于，针对所述网页设计图像和所述网页界面图像中的任一目标图像，通过以下方式统计出目标图像的像素分布直方图...
【专利技术属性】
技术研发人员：邓世伟，吉孟扬，方向，雷宇超，杨帅，周龙，郑渊，罗乐，常飞，
申请(专利权)人：鉴微数字科技重庆有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。