基于图片识别的网页生成方法技术

本发明专利技术提供基于图片识别的网页生成方法，其对用户终端上传的图片进行画面内容识别，判断是否属于有效图片，避免生成网页过程中重复利用相同图片；还对有效图片进行标识和预处理，确保有效图片的画面质量和对有效图片的精确查找；根据网页页面布局信息，确定对有效图片进行外形加工处理的参数，以此将有效图片加工成与网页页面布局相匹配的网页图片，提高图片与网页页面的布局兼容性，充分利用网页页面的空间；将网页图片加载到网页模板对应的页面位置后，并对网页图片进行画面视觉渲染，从而使网页图片与网页页面具有良好的视觉兼容性，提高网页页面的显示可靠性。提高网页页面的显示可靠性。提高网页页面的显示可靠性。

【技术实现步骤摘要】
基于图片识别的网页生成方法


[0001]本专利技术涉及网页设计的
，特别涉及基于图片识别的网页生成方法。

技术介绍

[0002]网页设计过程中，需要在网页界面上插入图片。为了减少网页设计的工作量，会将图片直接插入到网页界面上，再在网页界面对图片进行调整，当插入的图片大致位于网页界面相应的区域后，即可实现对网页界面的图片加工。上述方式通过在网页界面直接操作图片，不需要对图片进行预处理，减少图片加工的繁复性，但是无法根据网页界面的布局需求对图片进行有规划精确的预处理，使得图片加载到网页界面后产生图片形状和图片视觉观感与网页界面不兼容的情况，降低网页的质量。

技术实现思路

[0003]针对现有技术存在的缺陷，本专利技术提供基于图片识别的网页生成方法，其对用户终端上传的图片进行画面内容识别，判断是否属于有效图片，避免生成网页过程中重复利用相同图片；还对有效图片进行标识和预处理，确保有效图片的画面质量和对有效图片的精确查找；根据网页页面布局信息，确定对有效图片进行外形加工处理的参数，以此将有效图片加工成与网页页面布局相匹配的网页图片，提高图片与网页页面的布局兼容性，充分利用网页页面的空间；将网页图片加载到网页模板对应的页面位置后，并对网页图片进行画面视觉渲染，从而使网页图片与网页页面具有良好的视觉兼容性；当网页模板完成所有网页图片加载后生成所需的网页页面，对其进行测试后在将其上传至服务器，保证服务器快速稳定加载网页页面，提高网页页面的显示可靠性。
[0004]本专利技术提供基于图片识别的网页生成方法，包括如下步骤：
[0005]步骤S1，对用户终端上传的图片进行第一识别处理，判断所述图片是否属于有效图片；并将有效图片进行标识和预处理后，保存在图片池中；
[0006]步骤S2，根据网页页面布局信息，对来自所述图片池的有效图片进行第二识别处理，得到关于所述有效图片的加工处理参数；根据所述加工处理参数，将所述有效图片转换为与网页页面布局相匹配的网页图片；
[0007]步骤S3，将所述网页图片加载到网页模板对应的页面位置后，对所述网页图片进行第二识别处理，得到所述网页图片的画面视觉状态信息；根据所述画面视觉状态信息，对所述网页图片进行画面视觉渲染；
[0008]步骤S4，对最终生成的网页页面进行测试后，将所述网页页面上传至服务器。
[0009]进一步，在所述步骤S1中，对用户终端上传的图片进行第一识别处理，判断所述图片是否属于有效图片，包括：
[0010]对用户终端上传的图片进行第一识别处理，得到所述图片的画面对象特征信息；其中，所述画面对象特征信息包括所述图片的画面上存在的所有对象的像素轮廓特征信息和像素色度特征信息；
[0011]将所述图片与预设图片库进行画面对象特征信息对比，判断所述图片是否与预设图片库中的图片相似；其中，预设图片库包括在历史网页生成过程中所采用的图片；
[0012]若所述图片不与预设图片库中的图片相似，则判断所述图片属于有效图片；否则，判断所述图片不属于有效图片。
[0013]进一步，在所述步骤S1中，将有效图片进行标识和预处理后，保存在图片池中，包括：
[0014]根据所述用户终端的终端身份信息，对所述有效图片进行标识；
[0015]根据所述有效图片的画面上存在的所有对象的像素轮廓特征信息，对所述有效图片进行像素轮廓修复预处理；其中，所述像素轮廓修复预处理包括对画面上存在的每个对象的像素轮廓进行填充处理或线条粗细变更处理；
[0016]将完成标识和像素轮廓修复预处理的有效图片保存在图片池的预定存储区间。
[0017]进一步，在所述步骤S2中，根据网页页面布局信息，对来自所述图片池的有效图片进行第二识别处理，得到关于所述有效图片的加工处理参数，包括：
[0018]根据网页页面布局信息，确定网页页面需要加载图片对应的界面形状信息；
[0019]从来自所述图片池的有效图片中识别预定对象在图片画面的分布位置信息，并所述分布位置信息与所述界面形状信息进行对比，确定在所述有效图片进行裁剪的边界轨迹，以此作为所述加工处理参数；其中，当沿着所述边界轨迹对所述有效图片进行裁剪后，得到的网页页面画面中包含所述预定对象。
[0020]进一步，在所述步骤S2中，根据所述加工处理参数，将所述有效图片转换为与网页页面布局相匹配的网页图片，包括：
[0021]根据所述边界轨迹，对所述有效图片进行裁剪加工处理，得到与网页页面布局中需要加载图片的页面区域相匹配的网页图片。
[0022]进一步，在所述步骤S3中，将所述网页图片加载到网页模板对应的页面位置后，对所述网页图片进行第二识别处理，得到所述网页图片的画面视觉状态信息，包括：
[0023]获取网页模板需要加载网页图片的页面区域对应的页面区域位置信息，根据所述页面区域位置信息，将所述网页图片加载到所述页面区域，并对所述页面区域进行锁定，使所述页面区域不能加载其他图片；
[0024]对所述网页图片进行第二识别处理，得到所述网页图片的画面亮度分布状态信息和画面对比度分布状态信息，以此作为所述画面视觉状态信息。
[0025]进一步，在所述步骤S3中，根据所述画面视觉状态信息，对所述网页图片进行画面视觉渲染，包括：
[0026]根据所述画面亮度分布状态信息，对所述网页图片进行画面亮度渲染；
[0027]根据所述画面对比度分布状态信息，对所述网页图片进行关于网页图片画面上存在的对象与背景部分之间的对比度渲染。
[0028]进一步，在所述步骤S4中，对最终生成的网页页面进行测试后，将所述网页页面上传至服务器，包括：
[0029]对最终生成的网页页面进行服务器加载测试，得到所述网页页面在虚拟服务器的加载速度；
[0030]根据所述加载速度，对所述网页页面进行压缩处理；再将所述网页页面上传至服
务器。
[0031]进一步，在所述步骤S4中，根据所述加载速度，对所述网页页面进行压缩处理；再将所述网页页面上传至服务器，包括：
[0032]步骤S401，利用下面公式(1)，根据所述加载速度，得到对所述网页页面进行压缩处理的压缩程度值，
[0033][0034]在上述公式(1)中，E表示对所述网页页面进行压缩处理的压缩程度值；E0表示对所述网页页面进行压缩处理的预设最少压缩程度值；表示向上取整；e表示自然常数；V0表示预设正常加载速度；V表示当前加载速度；表示求取e
1.5
和中的最大值；
[0035]步骤S402，利用下面公式(2)，根据对所述网页页面进行压缩处理的压缩程度值，对所述网页页面进行压缩，
[0036][0037]在上述公式(2)中，h(i,j)表示所述网页页面进行压缩后的网页矩阵中第i行第j列像素点的像素值；H(i,j)表示所述网页页面进行压缩前的网页矩阵中第i行第j列像素点的像素值；
[0038]步骤S403，当将所述网页页面上传至服务本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.基于图片识别的网页生成方法，其特征在于，包括如下步骤：步骤S1，对用户终端上传的图片进行第一识别处理，判断所述图片是否属于有效图片；并将有效图片进行标识和预处理后，保存在图片池中；步骤S2，根据网页页面布局信息，对来自所述图片池的有效图片进行第二识别处理，得到关于所述有效图片的加工处理参数；根据所述加工处理参数，将所述有效图片转换为与网页页面布局相匹配的网页图片；步骤S3，将所述网页图片加载到网页模板对应的页面位置后，对所述网页图片进行第二识别处理，得到所述网页图片的画面视觉状态信息；根据所述画面视觉状态信息，对所述网页图片进行画面视觉渲染；步骤S4，对最终生成的网页页面进行测试后，将所述网页页面上传至服务器。2.如权利要求1所述的基于图片识别的网页生成方法，其特征在于：在所述步骤S1中，对用户终端上传的图片进行第一识别处理，判断所述图片是否属于有效图片，包括：对用户终端上传的图片进行第一识别处理，得到所述图片的画面对象特征信息；其中，所述画面对象特征信息包括所述图片的画面上存在的所有对象的像素轮廓特征信息和像素色度特征信息；将所述图片与预设图片库进行画面对象特征信息对比，判断所述图片是否与预设图片库中的图片相似；其中，预设图片库包括在历史网页生成过程中所采用的图片；若所述图片不与预设图片库中的图片相似，则判断所述图片属于有效图片；否则，判断所述图片不属于有效图片。3.如权利要求2所述的基于图片识别的网页生成方法，其特征在于：在所述步骤S1中，将有效图片进行标识和预处理后，保存在图片池中，包括：根据所述用户终端的终端身份信息，对所述有效图片进行标识；根据所述有效图片的画面上存在的所有对象的像素轮廓特征信息，对所述有效图片进行像素轮廓修复预处理；其中，所述像素轮廓修复预处理包括对画面上存在的每个对象的像素轮廓进行填充处理或线条粗细变更处理；将完成标识和像素轮廓修复预处理的有效图片保存在图片池的预定存储区间。4.如权利要求1所述的基于图片识别的网页生成方法，其特征在于：在所述步骤S2中，根据网页页面布局信息，对来自所述图片池的有效图片进行第二识别处理，得到关于所述有效图片的加工处理参数，包括：根据网页页面布局信息，确定网页页面需要加载图片对应的界面形状信息；从来自所述图片池的有效图片中识别预定对象在图片画面的分布位置信息，并所述分布位置信息与所述界面形状信息进行对比，确定在所述有效图片进行裁剪的边界轨迹，以此作为所述加工处理参数；其中，当沿着所述边界轨迹对所述有效图片进行裁剪后，得到的网页页面画面中包含所述预定对象。5.如权利要求4所述的基于图片识别的网页生成方法，其特征在于：在所述步骤S2中，根据所述加工处理参数，将所述有效图片转换为与网页页面布局相匹配的网页图片...

【专利技术属性】
技术研发人员：谢俊杰，冯恒，
申请(专利权)人：亨得昂信息科技上海有限公司，
类型：发明
国别省市：