图片合成方法及装置制造方法及图纸

本发明专利技术实施例提供了一种图片合成方法及装置，其中的方法具体包括：响应于对于待合成子图片的添加指令，将所述待合成子图片添加至子图片目录中，以得到所述子图片目录中的子图片；依据子图片目录中的各子图片，合成得到对应的第一目标图片；确定第一目标图片的存储路径；依据子图片目录中的各子图片对应的合成信息、以及第一目标图片的存储路径，生成第一目标图片对应的Less文件。本发明专利技术实施例可以通过子图片目录的更新实现第一目标图片的更新，故能够提高第一目标图片的更新过程的便捷性和更新效率，且能够节省第一目标图片的更新所需的人力成本。

Picture synthesizing method and device

The embodiment of the invention provides a device and a method for synthesis of images, the method includes: adding instructions to be synthesized in response to the sub image, the sub image to be synthesized is added to the sub picture directory, in order to get the sub picture directory sub images; on the basis of the sub picture directory the picture obtained first target pictures; determine the storage path of the first target image; on the basis of the sub picture catalogue pictures in the corresponding synthetic information, and the first storage path of the target image, the target image corresponding to the first generation of Less file. The embodiment of the invention can through the sub picture directory updates to achieve the first goal picture updates, so can improve the update process first target picture of the convenience and efficiency of updating, and can save the first target picture of updating the required manpower cost.

【技术实现步骤摘要】
图片合成方法及装置
本专利技术涉及互联网
，特别是涉及一种图片合成方法及装置。
技术介绍
提高网页显示速度最有效的一个方法是减少页面的HTTP(HyperTextTransferProtocol，超文本传输协议)请求次数。目前，在网页制作时通常采用精灵图片技术，以减少HTTP请求次数。精灵图片技术可以将许多图片放到一张大图片里面，通过CSS(CascadingStyleSheets，层叠样式表)来显示图片的一部分。精灵图片是由网页制作技术人员在制作网页过程中、通过一定技术手段制作而成的，现有的精灵图片制作方案具体包括：访问系统预设的图片库，其中，图片库中存储有多个子图片；按顺序从该图片库中依次拉取子图片至精灵图片生成界面中，最终将拉取的各子图片合成为精灵图片，并生成精灵图片对应的CSS。专利技术人在实施本专利技术的过程中发现，现有的精灵图片制作方案至少存在如下问题：当需要对已生成的精灵图片中的某子图片执行替换、或者删除等更新操作时，需要网页制作技术人员重新访问上述图片库，按照新的顺序依次拉取各子图片至精灵图片生成界面中，合并成精灵图片，也即精灵图片的更新过程较为繁琐；而随着互联网技术的快速发展，网页更新速度有增无减，现有的精灵图片制作方案势必会花费网页制作人员大量的时间，既耗费了大量的人力成本，又影响了精灵图片的更新效率。
技术实现思路
鉴于现有的精灵图片生成方案中存在的精灵图片更新过程繁琐，既占用人力资源又影响精灵图片的更新效率的问题，提出了本专利技术以便提供一种克服上述问题的图片合成方法及装置。依据本专利技术的一个方面，提供了一种图片合成方法，其中，所述方法包括：响应于对于待合成子图片的添加指令，将所述待合成子图片添加至子图片目录中，以得到所述子图片目录中的子图片；依据所述子图片目录中的各子图片，合成得到对应的第一目标图片；确定所述第一目标图片的存储路径；依据所述子图片目录中的各子图片对应的合成信息、以及所述第一目标图片的存储路径，生成所述第一目标图片对应的Less文件。可选地，所述方法还包括：将所述第一目标图片对应的Less文件导入所述网页的主Less文件中；对导入所述Less文件后的主Less文件进行编译，以得到所述第一目标图片对应的层叠样式表CSS。可选地，所述方法还包括：在生成所述第一目标图片对应的Less文件后，对所述第一目标图片对应的子图片目录进行更新；依据更新后的子图片目录，得到对应的第二目标图片、以及所述第二目标文件对应的Less文件。可选地，所述对所述第一目标图片对应的子图片目录进行更新的步骤，包括：接收对待添加子图片的添加指令；响应所述添加指令，将所述待添加图片添加至所述子图片目录中。可选地，所述对所述第一目标图片对应的子图片目录进行更新的步骤，包括：接收对待替换子图片的添加指令；采用所述待替换图片，对应替换所述子图片目录中被替换的子图片。可选地，所述对所述第一目标图片对应的子图片目录进行更新的步骤，包括：接收对所述子图片目录中待删除子图片的删除指令；响应所述删除指令，将所述待删除子图片从所述子图片目录中删除。依据本专利技术的另一个方面，提供了一种图片合成装置，其中，所述装置包括：添加模块，用于响应于对于待合成子图片的添加指令，将所述待合成子图片添加至子图片目录中，以得到所述子图片目录中的子图片；合成模块，用于依据所述子图片目录中的各子图片，合成得到对应的第一目标图片；路径确定模块，用于确定所述第一目标图片的存储路径；文件生成模块，用于依据所述子图片目录中的各子图片对应的合成信息、以及所述第一目标图片的存储路径，生成所述第一目标图片对应的Less文件。可选地，所述装置还包括：导入模块，用于将所述第一目标图片对应的Less文件导入所述网页的主Less文件中；编译模块，用于对导入所述Less文件后的主Less文件进行编译，以得到所述第一目标图片对应的层叠样式表CSS。可选地，所述装置还包括：目录更新模块，用于在生成所述第一目标图片对应的Less文件后，对所述第一目标图片对应的子图片目录进行更新；文件更新模块，用于依据更新后的子图片目录，得到对应的第二目标图片、以及所述第二目标文件对应的Less文件。可选地，所述目录更新模块包括：第一指令接收子模块，用于接收对待添加子图片的添加指令；添加子模块，用于响应所述添加指令，将所述待添加图片添加至所述子图片目录中。可选地，所述目录更新模块包括：第二指令接收子模块，用于接收对待替换子图片的添加指令；替换子模块，用于采用所述待替换图片，对应替换所述子图片目录中被替换的子图片。可选地，所述目录更新模块包括：第三指令接收子模块，用于接收对所述子图片目录中待删除子图片的删除指令；删除子模块，用于响应所述删除指令，将所述待删除子图片从所述子图片目录中删除。本专利技术实施例提供的图片合成方法及装置，将待添加的各子图片添加至一个专属子图片目录中，然后将子图片目录中的全部子图片合并成第一目标图片即精灵图片，并且还为第一目标图片生成对应的Less文件。由于上述第一目标图片具有对应的专属子图片目录，这样，当需要对第一目标图片中的某子图片进行例如修改或替换的更新操作时，可以直接对其对应的子图片目录中子图片进行更新，再依据更新后的子图片目录合并成精灵图片并生成对应的Less文件即可。由于本专利技术实施例可以通过子图片目录的更新实现第一目标图片的更新，故能够提高第一目标图片的更新过程的便捷性和更新效率，且能够节省第一目标图片的更新所需的人力成本。上述说明仅是本专利技术技术方案的概述，为了能够更清楚了解本专利技术的技术手段，而可依照说明书的内容予以实施，并且为了让本专利技术的上述和其它目的、特征和优点能够更明显易懂，以下特举本专利技术的具体实施方式。附图说明通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本专利技术的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：图1示出了根据本专利技术一个实施例的一种图片合成方法的步骤流程示意图；图2示出了根据本专利技术一个实施例的一种图片合成方法的步骤流程示意图；图3示出了根据本专利技术一个实施例的一种图片合成方法的步骤流程示意图；图4示出了根据本专利技术一个实施例的一种图片合成装置的结构示意图；以及图5示出了根据本专利技术一个实施例的一种图片合成装置的结构示意图。具体实施方式下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。实施例一参照图1，示出了本专利技术一个实施例的一种图片合成方法的步骤流程示意图，具体可以包括如下步骤：步骤101：响应于对于待合成子图片的添加指令，将待合成子图片添加至子图片目录中，以得到子图片目录中的子图片。多个子图片可以合成一个精灵图片即目标图片。待合成子图片可以为本地存储的图片，也可以为从网络上下载至本地的图片。待合成子图片的个数可以由网页制作技术人员根据实际需求进行设置，本专利技术实施例中对此不作具体限制。合成后的精灵图片可以作为网页的背景图片，也可以为本文档来自技高网...

【技术保护点】
一种图片合成方法，其特征在于，所述方法包括：响应于对于待合成子图片的添加指令，将所述待合成子图片添加至子图片目录中，以得到所述子图片目录中的子图片；依据所述子图片目录中的各子图片，合成得到对应的第一目标图片；确定所述第一目标图片的存储路径；依据所述子图片目录中的各子图片对应的合成信息、以及所述第一目标图片的存储路径，生成所述第一目标图片对应的Less文件。

【技术特征摘要】
1.一种图片合成方法，其特征在于，所述方法包括：响应于对于待合成子图片的添加指令，将所述待合成子图片添加至子图片目录中，以得到所述子图片目录中的子图片；依据所述子图片目录中的各子图片，合成得到对应的第一目标图片；确定所述第一目标图片的存储路径；依据所述子图片目录中的各子图片对应的合成信息、以及所述第一目标图片的存储路径，生成所述第一目标图片对应的Less文件。2.如权利要求1所述的方法，其特征在于，所述方法还包括：将所述第一目标图片对应的Less文件导入所述网页的主Less文件中；对导入所述Less文件后的主Less文件进行编译，以得到所述第一目标图片对应的层叠样式表CSS。3.如权利要求1所述的方法，其特征在于，所述方法还包括：在生成所述第一目标图片对应的Less文件后，对所述第一目标图片对应的子图片目录进行更新；依据更新后的子图片目录，得到对应的第二目标图片、以及所述第二目标文件对应的Less文件。4.如权利要求3所述的方法，其特征在于，所述对所述第一目标图片对应的子图片目录进行更新的步骤，包括：接收对待添加子图片的添加指令；响应所述添加指令，将所述待添加图片添加至所述子图片目录中。5.如权利要求3所述的方法，其特征在于，所述对所述第一目标图片对应的子图片目录进行更新的步骤，包括：接收对待替换子图片的添加指令；采用所述待替换图片，对应替换所述子图片目录中被替换的子图片。6.如权利要求3所述的方法，其特征在于，所述对所述第一目标图片对应的子图片...

【专利技术属性】
技术研发人员：陈学中，张楷豪，
申请(专利权)人：北京奇虎科技有限公司，北京奇安信科技有限公司，
类型：发明
国别省市：北京,11