CN109710783A - 一种图片加载方法、装置、存储介质及服务器 - Google Patents
一种图片加载方法、装置、存储介质及服务器 Download PDFInfo
- Publication number
- CN109710783A CN109710783A CN201811505072.6A CN201811505072A CN109710783A CN 109710783 A CN109710783 A CN 109710783A CN 201811505072 A CN201811505072 A CN 201811505072A CN 109710783 A CN109710783 A CN 109710783A
- Authority
- CN
- China
- Prior art keywords
- text
- content
- picture
- image
- rich
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Abstract
本发明公开了一种图片加载方法、装置、存储介质及服务器,该方法包括:接收待加载图片的原图;将所述原图拆分成富文本内容;在需要加载所述原图时直接加载所述富文本内容。本发明的方案,可以解决用户终端设备加载和查看长大图片存在使用不方便的问题,达到提升使用便捷性的效果。
Description
技术领域
本发明属于图片处理技术领域,具体涉及一种图片加载方法、装置、存储介质及服务器,尤其涉及一种长大图片加载方法、装置、存储介质及服务器。
背景技术
在产品详情的管理系统中,需要管理员上传长大产品详情图片,或是编辑富文本内容,然后普通用户在浏览产品详情的时候就会通过网络加载长大图片或者是富文本内容进行展示。
使用富文本内容这种方式存在以下这些问题:
(1)需要管理员有一定的美术天赋和前端基础,才能比较好的完成该项任务。
(2)存在浏览器兼容问题,在不同的浏览器中,相同的富文本内容可能会有不同的展示效果。
(3)管理员存在偷懒的情形,从别的网站复制页面内容直接作为富文本内容,这样做可能将别的页面中的js脚本代码也移植过来了,存在着安全风险。
鉴于上述原因,越来越多的系统更倾向于采用长大图片的方式来实现,使用长大图片方式能够很好的解决上述的问题,但是也产生出新的一些困难,例如:
(1)如果完全加载长大图片后展示,用户可能只看前面的内容不关心后面的内容,存在浪费流量的问题和用户等候时间过长的问题。
(2)图片跟着终端设备屏幕大小变动,图片中的文字内容也随着图片大小变化,在手机屏幕上看图片中的文字则比较困难。
发明内容
本发明的目的在于,针对上述缺陷,提供一种图片加载方法、装置、存储介质及服务器,以解决现有技术中用户终端设备加载长大图片等待时间久和网络流量高,用户终端设备屏幕过小导致长大图片中文字内容难于查看,存在使用不方便的问题,达到提升使用便捷性的效果。
本发明提供一种图片加载方法,包括:接收待加载图片的原图;将所述原图拆分成富文本内容;在需要加载所述原图时直接加载所述富文本内容。
可选地,将所述原图拆分成富文本内容,包括:将所述原图切割成图片和图像;其中,所述图片中只含有所述原图中的文字符号,所述图像中包含所述原图中除所述图片之外的部分;将所述图片转换成文本内容;将所述文本内容和所述图像合并并转换成富文本内容。
可选地,其中,待加载图片的长度大于或等于设定长度,和/或待加载图片的字节值大于或等于设定值;和/或,所述文本内容中包含有文本样式,所述文本样式,包括:字体、颜色、大小、位置中的至少之一。
可选地,所述文本内容,包括:设定的显示规格的文本内容;所述图像,包括:设定的显示规格的图像;将所述文本内容和所述图像合并并转换成富文本内容,包括:将设定的显示规格的文本内容和设定的显示规格的图像,合并并转换成设定的显示规格的富文本内容。
可选地,将所述原图拆分成富文本,还包括:根据待加载终端的显示规格调整所述图像的清晰度和所述文本内容的大小;其中,对所述文本内容中文字大小的调整导致所述文本内容变大或变小时,产生的空隙区域或覆盖区域由下一文字区域向上或向下调整,使得所述文本内容中每个文字区域之间的间隙符合设定间隙。
可选地,所述显示规格,包括:第一规格、第二规格、第三规格和第四规格中的至少之一;根据待加载终端的显示规格调整所述图像的清晰度和所述文本内容的大小;其中,对所述文本内容中文字大小的调整导致所述文本内容变大或变小时,产生的空隙区域或覆盖区域由下一文字区域向上或向下调整,使得所述文本内容中每个文字区域之间的间隙符合设定间隙,包括:若所述显示规格为第一规格,则采用原有的所述图像,以及将所述文本内容中的文字调小;或者,若所述显示规格为第二规格则采用保持原样的所述图像和所述文本内容;或者,若所述显示规格为第三规格采用原有的所述图像,以及将所述文本内容中的文字调大;或者,若所述显示规格为第四规格采用对原有的所述图像压缩,以及将所述文本内容中的文字调大。
可选地,在需要加载所述原图时直接加载所述富文本,包括:接收到待加载终端的加载请求时,将所述富文本内容加载至待加载终端,以在待加载终端上对所述富文本内容进行分段加载展示。
可选地,将所述富文本内容加载至待加载终端,包括:在所述富文本内容包括设定的显示规格的富文本内容的情况下,根据所述加载请求中携带的待加载终端的显示规格,确定与所述显示规格匹配的富文本内容;将与所述显示规格匹配的富文本内容加载至待加载终端。
与上述方法相匹配,本发明另一方面提供一种图片加载装置,包括:通信单元,用于接收待加载图片的原图;处理单元,用于将所述原图拆分成富文本内容;所述通信单元,还用于在需要加载所述原图时直接加载所述富文本内容。
可选地,所述处理单元将所述原图拆分成富文本内容,包括:将所述原图切割成图片和图像;其中,所述图片中只含有所述原图中的文字符号,所述图像中包含所述原图中除所述图片之外的部分;将所述图片转换成文本内容;将所述文本内容和所述图像合并并转换成富文本内容。
可选地,其中,待加载图片的长度大于或等于设定长度,和/或待加载图片的字节值大于或等于设定值;和/或,所述文本内容中包含有文本样式,所述文本样式,包括:字体、颜色、大小、位置中的至少之一。
可选地,所述文本内容,包括:设定的显示规格的文本内容;所述图像,包括:设定的显示规格的图像;所述处理单元将所述文本内容和所述图像合并并转换成富文本内容,包括:将设定的显示规格的文本内容和设定的显示规格的图像,合并并转换成设定的显示规格的富文本内容。
可选地,所述处理单元将所述原图拆分成富文本,还包括:根据待加载终端的显示规格调整所述图像的清晰度和所述文本内容的大小;其中,对所述文本内容中文字大小的调整导致所述文本内容变大或变小时,产生的空隙区域或覆盖区域由下一文字区域向上或向下调整,使得所述文本内容中每个文字区域之间的间隙符合设定间隙。
可选地,所述显示规格,包括:第一规格、第二规格、第三规格和第四规格中的至少之一;所述处理单元根据待加载终端的显示规格调整所述图像的清晰度和所述文本内容的大小;其中,对所述文本内容中文字大小的调整导致所述文本内容变大或变小时,产生的空隙区域或覆盖区域由下一文字区域向上或向下调整,使得所述文本内容中每个文字区域之间的间隙符合设定间隙,包括:若所述显示规格为第一规格,则采用原有的所述图像,以及将所述文本内容中的文字调小;或者,若所述显示规格为第二规格则采用保持原样的所述图像和所述文本内容;或者,若所述显示规格为第三规格采用原有的所述图像,以及将所述文本内容中的文字调大;或者,若所述显示规格为第四规格采用对原有的所述图像压缩,以及将所述文本内容中的文字调大。
可选地,所述通信单元在需要加载所述原图时直接加载所述富文本,包括:接收到待加载终端的加载请求时,将所述富文本内容加载至待加载终端,以在待加载终端上对所述富文本内容进行分段加载展示。
可选地,所述通信单元将所述富文本内容加载至待加载终端,包括:在所述富文本内容包括设定的显示规格的富文本内容的情况下,根据所述加载请求中携带的待加载终端的显示规格,确定与所述显示规格匹配的富文本内容;将与所述显示规格匹配的富文本内容加载至待加载终端。
与上述装置相匹配,本发明再一方面提供一种服务器,包括:以上所述的图片加载装置。
与上述方法相匹配,本发明再一方面提供一种存储介质,包括:所述存储介质中存储有多条指令;所述多条指令,用于由处理器加载并执行以上所述的图片加载方法。
与上述方法相匹配,本发明再一方面提供一种服务器,包括:处理器,用于执行多条指令;存储器,用于存储多条指令;其中,所述多条指令,用于由所述存储器存储,并由所述处理器加载并执行以上所述的图片加载方法。
本发明的方案,通过将长大图片拆分成富文本的方式,展示给普通用户时直接加载富文本,可以减少长大图片加载的网络带宽和加载时间,减少成本,提高效率。
进一步,本发明的方案,通过将长大图片拆分成富文本的方式,展示给普通用户时直接加载富文本,可以有效减少用户等待时间和降低网络流量,提升用户使用的便捷性。
进一步,本发明的方案,通过将长大图片拆分成富文本的方式,使长大图片中的文字内容适应不同尺寸的终端设备以便用户查看,提升用户体验。
进一步,本发明的方案,通过将长大图片拆分成富文本的方式,展示给普通用户时直接加载富文本,使得用户使用更方便。
进一步,本发明的方案,通过将长大图片拆分成富文本的方式,展示给普通用户时直接加载富文本,省流量且省时间,还方便用户查看。
由此,本发明的方案,通过将长大图片拆分成富文本的方式,展示给普通用户时直接加载富文本,解决现有技术中用户终端设备加载长大图片等待时间久和网络流量高,用户终端设备屏幕过小导致长大图片中文字内容难于查看,存在使用不方便的问题,从而,克服现有技术中使用不方便、加载效率低和用户体验差的缺陷,实现使用方便、加载效率高和用户体验好的有益效果。
本发明的其它特征和优点将在随后的说明书中阐述,并且,部分地从说明书中变得显而易见,或者通过实施本发明而了解。
下面通过附图和实施例,对本发明的技术方案做进一步的详细描述。
附图说明
图1为本发明的图片加载方法的一实施例的流程示意图;
图2为本发明的方法中将所述原图拆分成富文本内容的一实施例的流程示意图;
图3为本发明的方法中将所述富文本内容加载至待加载终端的一实施例的流程示意图;
图4为本发明的图片加载装置的一实施例的结构示意图;
图5为本发明的服务器的一实施例的图片加载处理过程示例图;
图6为本发明的服务器的一实施例的图片加载处理流程图。
结合附图,本发明实施例中附图标记如下:
102-通信单元;104-处理单元。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚,下面将结合本发明具体实施例及相应的附图对本发明技术方案进行清楚、完整地描述。显然,所描述的实施例仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
根据本发明的实施例,提供了一种图片加载方法,如图1所示本发明的方法的一实施例的流程示意图。该图片加载方法可以包括:步骤S110至步骤S130。
在步骤S110处,接收待加载图片的原图。
其中,待加载图片的长度大于或等于设定长度,和/或待加载图片的字节值大于或等于设定值。
例如:通过长大图片加载方法,从而有效减少用户等待时间和降低网络流量,并且使长大图片中的文字内容适应不同尺寸的终端设备以便用户查看。
由此,通过对长度、字节值等符合设定阈值的图片进行加载处理,可以节省流量,节约时间,并方便用户查看,从而大大方便用户的使用。
在步骤S120处,将所述原图拆分成富文本内容。
可选地,可以结合图2所示本发明的方法中将所述原图拆分成富文本内容的一实施例流程示意图,进一步说明步骤S120中将所述原图拆分成富文本内容的具体过程,可以包括:步骤S210至步骤S230。
步骤S210,将所述原图切割成图片和图像。其中,所述图片中只含有所述原图中的文字符号,所述图像中包含所述原图中除所述图片之外的部分。
步骤S220,将所述图片转换成文本内容。
例如:管理员在管理后台上传长大图片,点击提交成功后,后台接收到长大图片的原图,由后台算法程序将长大图片进行图片处理,使用技术手段将长大图片切割成只含有文字符号的图片和其余的图像,然后将只含有文字符号的图片通过图片识别技术转成文本内容。
其中,所述文本内容中包含有文本样式,所述文本样式,可以包括:字体、颜色、大小、位置中的至少之一。
例如:文本内容是含有样式格式的(包括字体、颜色、大小、位置等)。
由此,通过在文本内容中包含多种形式的文本样式,可以满足不同用户的不同显示需求,灵活性好、通用性强。
步骤S230,将所述文本内容和所述图像合并并转换成富文本内容。
由此,通过将待加载图片的原图切割成只包含文字符号的图片和剩余部分的图像,将图片转换成文本内容,并将文本内容和图像合并并转换成富文本内容,转换方式简便且可靠。
其中,所述文本内容,可以包括:设定的显示规格的文本内容。所述图像,可以包括:设定的显示规格的图像。
更可选地,步骤S230中将所述文本内容和所述图像合并并转换成富文本内容,可以包括:将设定的显示规格的文本内容和设定的显示规格的图像,合并并转换成设定的显示规格的富文本内容。
例如:最后将不同规格的文本内容和图像内容合并转成不同规格的富文本的内容。
由此,通过依据文本内容和图像的不同的显示规格,合并并转换成不同的显示规格的富文本内容,以适配不同类型的终端的显示需求,从而可以更好地提升用户查看的便捷性和人性化体验。
更可选地,步骤S120中将所述原图拆分成富文本,还可以包括:在将所述图片转换成文本内容之后,或在将所述文本内容和所述图像合并并转换成富文本之前,根据待加载终端的显示规格调整所述图像的清晰度和所述文本内容的大小;其中,对所述文本内容中文字大小的调整导致所述文本内容变大或变小时,产生的空隙区域或覆盖区域由下一文字区域向上或向下调整,使得所述文本内容中每个文字区域之间的间隙符合设定间隙,以使所述图像的清晰度与所述文本内容的大小与待加载终端的显示规格相匹配。
例如:文字区域的文字大小调整导致文字区域的变大或者变小,导致的空隙或是覆盖由下一区域自动向上或者向下调整位置,使得每个区域间是紧密的。
由此,通过根据终端的类型调整图像的清晰度和文本内容的大小,可以提升所得富文本内容的精准性和可靠性,从而更精准更可靠地满足不同类型的终端的不同显示需求,使用的便捷性和可靠性均可以得到保证。
其中,所述显示规格,可以包括:第一规格(如大规格)、第二规格(如原规格)、第三规格(如中规格)和第四规格(如小规格)中的至少之一。
更可选地,根据待加载终端的显示规格调整所述图像的清晰度和所述文本内容的大小;其中,对所述文本内容中文字大小的调整导致所述文本内容变大或变小时,产生的空隙区域或覆盖区域由下一文字区域向上或向下调整,使得所述文本内容中每个文字区域之间的间隙符合设定间隙,可以包括以下任一调整情形。
第一种调整情形:若所述显示规格为第一规格,则采用原有的所述图像,以及将所述文本内容中的文字调小。
第二种调整情形:若所述显示规格为第二规格则采用保持原样的所述图像和所述文本内容。
第三种调整情形:若所述显示规格为第三规格采用原有的所述图像,以及将所述文本内容中的文字调大。
第四种调整情形:若所述显示规格为第四规格采用对原有的所述图像压缩,以及将所述文本内容中的文字调大。
例如:后台根据这四种常用终端设备设置了四种不同的规格(大规格、原规格、中规格、小规格),大规格采用原有的图像,以及将文字区域中的文字调小;原规格则采用保持原样的图像和文字大小;中规格采用原有图像,以及将文字区域中的文字调大;小规格采用原有图像压缩,以及将文字区域中的文字调大,当用户点击压缩图片时可以使用脚本加载原图,起到降低网络带宽的作用。
由此,通过针对不同显示规格的终端的不同显示需求,针对性地调整图像的清晰度和文本内容的大小,可以更加精准和可靠地适配该显示需求,灵活性好、通用性强。
在步骤S130处,在需要加载所述原图时直接加载所述富文本内容。例如:在需要加载所述原图时,通过加载所述富文本内容的方式实现对所述原图的加载。
例如:管理后台用户上传长大图片后,后台通过图片文字识别方法将长大图片拆分成富文本的方式,展示给普通用户时直接加载富文本,减少长大图片加载的网络带宽和加载时间。
由此,通过在接收到待加载图片的原图时,将该原图拆分成富文本内容,在需要加载该原图时直接加载该富文本内容,加载的流量小、时间短,且方便用户查看,大大提升了用户使用的便捷性。
可选地,步骤S130中在需要加载所述原图时直接加载所述富文本,可以包括:接收到待加载终端的加载请求时,将所述富文本内容加载至待加载终端,以在待加载终端上对所述富文本内容进行分段加载展示。
由此,通过根据加载请求将富文本内容加载至待加载终端,实现在待加载终端上对富文本内容进行分段加载展示,加载和展示的效率和效果均可以得到保证。
更可选地,可以结合图3所示本发明的方法中将所述富文本内容加载至待加载终端的一实施例流程示意图,进一步说明将所述富文本内容加载至待加载终端的具体过程,可以包括:步骤S310和步骤S320。
步骤S310,在所述富文本内容可以包括设定的显示规格的富文本内容的情况下,根据所述加载请求中携带的待加载终端的显示规格,确定与所述显示规格匹配的富文本内容。
步骤S320,将与所述显示规格匹配的富文本内容加载至待加载终端。
例如:接收到待加载终端的加载请求时,根据所述加载请求中携带的待加载终端的显示规格,确定与所述显示规格匹配的富文本内容。将与所述显示规格匹配的富文本内容加载至待加载终端,以在待加载终端上对所述富文本内容进行分段加载展示。
例如:当用户请求获取详情页面时,后端根据获取到的终端设备的类型返回(通过请求的agent等参数判断)不同规格的富文本内容,用户终端接收到富文本内容进行分段加载展示。
由此,通过针对不同类型的终端的显示需求加载对应的显示规格的富文本内容,可以提高显示效果,提升用户体验。
经大量的试验验证,采用本实施例的技术方案,通过将长大图片拆分成富文本的方式,展示给普通用户时直接加载富文本,可以减少长大图片加载的网络带宽和加载时间,减少成本,提高效率。
根据本发明的实施例,还提供了对应于图片加载方法的一种图片加载装置。参见图4所示本发明的装置的一实施例的结构示意图。该图片加载装置可以包括:通信单元102和处理单元104。
在一个可选例子中,通信单元102,可以用于接收待加载图片的原图。该通信单元102的具体功能及处理参见步骤S110。
其中,待加载图片的长度大于或等于设定长度,和/或待加载图片的字节值大于或等于设定值。
例如:通过长大图片加载方法,从而有效减少用户等待时间和降低网络流量,并且使长大图片中的文字内容适应不同尺寸的终端设备以便用户查看。
由此,通过对长度、字节值等符合设定阈值的图片进行加载处理,可以节省流量,节约时间,并方便用户查看,从而大大方便用户的使用。
在一个可选例子中,处理单元104,可以用于将所述原图拆分成富文本内容。该处理单元104的具体功能及处理参见步骤S120。
可选地,所述处理单元104将所述原图拆分成富文本内容,可以包括:
所述处理单元104,具体还可以用于将所述原图切割成图片和图像。其中,所述图片中只含有所述原图中的文字符号,所述图像中包含所述原图中除所述图片之外的部分。该处理单元104的具体功能及处理还参见步骤S210。
所述处理单元104,具体还可以用于将所述图片转换成文本内容。该处理单元104的具体功能及处理还参见步骤S220。
例如:管理员在管理后台上传长大图片,点击提交成功后,后台接收到长大图片的原图,由后台算法程序将长大图片进行图片处理,使用技术手段将长大图片切割成只含有文字符号的图片和其余的图像,然后将只含有文字符号的图片通过图片识别技术转成文本内容。
其中,所述文本内容中包含有文本样式,所述文本样式,可以包括:字体、颜色、大小、位置中的至少之一。
例如:文本内容是含有样式格式的(包括字体、颜色、大小、位置等)。
由此,通过在文本内容中包含多种形式的文本样式,可以满足不同用户的不同显示需求,灵活性好、通用性强。
所述处理单元104,具体还可以用于将所述文本内容和所述图像合并并转换成富文本内容。该处理单元104的具体功能及处理还参见步骤S230。
由此,通过将待加载图片的原图切割成只包含文字符号的图片和剩余部分的图像,将图片转换成文本内容,并将文本内容和图像合并并转换成富文本内容,转换方式简便且可靠。
其中,所述文本内容,可以包括:设定的显示规格的文本内容。所述图像,可以包括:设定的显示规格的图像。
更可选地,所述处理单元104将所述文本内容和所述图像合并并转换成富文本内容,可以包括:所述处理单元104,具体还可以用于将设定的显示规格的文本内容和设定的显示规格的图像,合并并转换成设定的显示规格的富文本内容。
例如:最后将不同规格的文本内容和图像内容合并转成不同规格的富文本的内容。
由此,通过依据文本内容和图像的不同的显示规格,合并并转换成不同的显示规格的富文本内容,以适配不同类型的终端的显示需求,从而可以更好地提升用户查看的便捷性和人性化体验。
可选地,所述处理单元104将所述原图拆分成富文本,还可以包括:所述处理单元104,具体还可以用于在将所述图片转换成文本内容之后,或在将所述文本内容和所述图像合并并转换成富文本之前,根据待加载终端的显示规格调整所述图像的清晰度和所述文本内容的大小;其中,对所述文本内容中文字大小的调整导致所述文本内容变大或变小时,产生的空隙区域或覆盖区域由下一文字区域向上或向下调整,使得所述文本内容中每个文字区域之间的间隙符合设定间隙,以使所述图像的清晰度与所述文本内容的大小与待加载终端的显示规格相匹配。
例如:文字区域的文字大小调整导致文字区域的变大或者变小,导致的空隙或是覆盖由下一区域自动向上或者向下调整位置,使得每个区域间是紧密的。
由此,通过根据终端的类型调整图像的清晰度和文本内容的大小,可以提升所得富文本内容的精准性和可靠性,从而更精准更可靠地满足不同类型的终端的不同显示需求,使用的便捷性和可靠性均可以得到保证。
其中,所述显示规格,可以包括:第一规格(如大规格)、第二规格(如原规格)、第三规格(如中规格)和第四规格(如小规格)中的至少之一。
更可选地,所述处理单元104根据待加载终端的显示规格调整所述图像的清晰度和所述文本内容的大小;其中,对所述文本内容中文字大小的调整导致所述文本内容变大或变小时,产生的空隙区域或覆盖区域由下一文字区域向上或向下调整,使得所述文本内容中每个文字区域之间的间隙符合设定间隙,可以包括以下任一调整情形。
第一种调整情形:所述处理单元104,具体还可以用于若所述显示规格为第一规格,则采用原有的所述图像,以及将所述文本内容中的文字调小。
第二种调整情形:所述处理单元104,具体还可以用于若所述显示规格为第二规格则采用保持原样的所述图像和所述文本内容。
第三种调整情形:所述处理单元104,具体还可以用于若所述显示规格为第三规格采用原有的所述图像,以及将所述文本内容中的文字调大。
第四种调整情形:所述处理单元104,具体还可以用于若所述显示规格为第四规格采用对原有的所述图像压缩,以及将所述文本内容中的文字调大。
例如:后台根据这四种常用终端设备设置了四种不同的规格(大规格、原规格、中规格、小规格),大规格采用原有的图像,以及将文字区域中的文字调小;原规格则采用保持原样的图像和文字大小;中规格采用原有图像,以及将文字区域中的文字调大;小规格采用原有图像压缩,以及将文字区域中的文字调大,当用户点击压缩图片时可以使用脚本加载原图,起到降低网络带宽的作用。
由此,通过针对不同显示规格的终端的不同显示需求,针对性地调整图像的清晰度和文本内容的大小,可以更加精准和可靠地适配该显示需求,灵活性好、通用性强。
在一个可选例子中,所述通信单元102,还可以用于在需要加载所述原图时直接加载所述富文本内容。例如:在需要加载所述原图时,通过加载所述富文本内容的方式实现对所述原图的加载。该通信单元102的具体功能及处理还参见步骤S130。
例如:管理后台用户上传长大图片后,后台通过图片文字识别方法将长大图片拆分成富文本的方式,展示给普通用户时直接加载富文本,减少长大图片加载的网络带宽和加载时间。
由此,通过在接收到待加载图片的原图时,将该原图拆分成富文本内容,在需要加载该原图时直接加载该富文本内容,加载的流量小、时间短,且方便用户查看,大大提升了用户使用的便捷性。
可选地,所述通信单元102在需要加载所述原图时直接加载所述富文本,可以包括:所述通信单元102,具体还可以用于接收到待加载终端的加载请求时,将所述富文本内容加载至待加载终端,以在待加载终端上对所述富文本内容进行分段加载展示。
由此,通过根据加载请求将富文本内容加载至待加载终端,实现在待加载终端上对富文本内容进行分段加载展示,加载和展示的效率和效果均可以得到保证。
更可选地,所述通信单元102将所述富文本内容加载至待加载终端,可以包括:
所述通信单元102,具体还可以用于在所述富文本内容可以包括设定的显示规格的富文本内容的情况下,根据所述加载请求中携带的待加载终端的显示规格,确定与所述显示规格匹配的富文本内容。该通信单元102的具体功能及处理还参见步骤S310。
所述通信单元102,具体还可以用于将与所述显示规格匹配的富文本内容加载至待加载终端。该通信单元102的具体功能及处理还参见步骤S320。
例如:所述通信单元102,具体还可以用于接收到待加载终端的加载请求时,根据所述加载请求中携带的待加载终端的显示规格,确定与所述显示规格匹配的富文本内容。将与所述显示规格匹配的富文本内容加载至待加载终端,以在待加载终端上对所述富文本内容进行分段加载展示。
例如:当用户请求获取详情页面时,后端根据获取到的终端设备的类型返回(通过请求的agent等参数判断)不同规格的富文本内容,用户终端接收到富文本内容进行分段加载展示。
由此,通过针对不同类型的终端的显示需求加载对应的显示规格的富文本内容,可以提高显示效果,提升用户体验。
由于本实施例的装置所实现的处理及功能基本相应于前述图1至图3所示的方法的实施例、原理和实例,故本实施例的描述中未详尽之处,可以参见前述实施例中的相关说明,在此不做赘述。
经大量的试验验证,采用本发明的技术方案,通过将长大图片拆分成富文本的方式,展示给普通用户时直接加载富文本,可以有效减少用户等待时间和降低网络流量,提升用户使用的便捷性。
根据本发明的实施例,还提供了对应于图片加载装置的一种服务器。该服务器可以包括:以上所述的图片加载装置。
在一个可选实施方式中,针对用户终端设备加载长大图片等待时间久和网络流量高、以及用户终端设备屏幕过小导致长大图片中文字内容难于查看的问题,本发明的方案,通过创造一种长大图片加载方法,从而有效减少用户等待时间和降低网络流量,并且使长大图片中的文字内容适应不同尺寸的终端设备以便用户查看。
在一个可选例子中,本发明的方案中,管理后台用户上传长大图片后,后台通过图片文字识别方法将长大图片拆分成富文本的方式,展示给普通用户时直接加载富文本,减少长大图片加载的网络带宽和加载时间。
其中,长大产品详情图片,是指比一般常见图片的长度要长许多和字节要大许多的图片,泛指屏幕不能直接展示整张图片,需要滚动加载,并且加载流量较大的图片,简称长大图片。
其中,富文本,是指一个带有样式的可以用于展示的html的片段,如富文本编辑器。
在一个可选具体实施方式中,可以参见图5和图6所示的例子,对本发明的方案的具体实现过程进行示例性说明。
在一个可选具体例子中,本发明的方案中,管理员在管理后台上传长大图片,点击提交成功后,后台接收到长大图片的原图,由后台算法程序将长大图片进行图片处理,使用技术手段将长大图片切割成只含有文字符号的图片和其余的图像,然后将只含有文字符号的图片通过图片识别技术转成文本内容,文本内容是含有样式格式的(包括字体、颜色、大小、位置等)。
例如:由后台算法程序将长大图片进行图片处理:使用图片处理等技术手段将长大图片切割成只含有文字符号的图片和其余的图像。
目前普通用户常用的终端设备(如电视、pc电脑、平板电脑、手机等),后台根据这四种常用终端设备设置了四种不同的规格(大规格、原规格、中规格、小规格),大规格采用原有的图像,以及将文字区域中的文字调小;原规格则采用保持原样的图像和文字大小;中规格采用原有图像,以及将文字区域中的文字调大;小规格采用原有图像压缩,以及将文字区域中的文字调大,当用户点击压缩图片时可以使用脚本加载原图,起到降低网络带宽的作用。最后将不同规格的文本内容和图像内容合并转成不同规格的富文本的内容,其中文字区域的文字大小调整导致文字区域的变大或者变小,导致的空隙或是覆盖由下一区域自动向上或者向下调整位置,使得每个区域间是紧密的。
当用户请求获取详情页面时,后端根据获取到的终端设备的类型返回(通过请求的agent等参数判断)不同规格的富文本内容,用户终端接收到富文本内容进行分段加载展示。
整个处理过程如图5和图6所示,处理过程由程序算法完成,无须人工参与,处理性能得到保障。
在一个可替代具体例子中,采用人工手段代替算法程序来处理区域分割和将文字符号区域转成文本内容,人工处理方式较程序方式低效,而且程序可以24小时不间断工作,当图片数量很多的时候,需要的人力随之上升,人工方式不适合数量规模大的场景。如图5的例子,需要人工使用切图工具将长大图片进行切割,并且需要人工敲文字区域中的文字,还要编写自适应的前端代码,处理一张图片最快也需要将近半小时,处理效率相当低效。
由于本实施例的服务器所实现的处理及功能基本相应于前述图4所示的装置的实施例、原理和实例,故本实施例的描述中未详尽之处,可以参见前述实施例中的相关说明,在此不做赘述。
经大量的试验验证,采用本发明的技术方案,通过将长大图片拆分成富文本的方式,使长大图片中的文字内容适应不同尺寸的终端设备以便用户查看,提升用户体验。
根据本发明的实施例,还提供了对应于图片加载方法的一种存储介质。该存储介质,可以包括:所述存储介质中存储有多条指令;所述多条指令,用于由处理器加载并执行以上所述的图片加载方法。
由于本实施例的存储介质所实现的处理及功能基本相应于前述图1至图3所示的方法的实施例、原理和实例,故本实施例的描述中未详尽之处,可以参见前述实施例中的相关说明,在此不做赘述。
经大量的试验验证,采用本发明的技术方案,通过将长大图片拆分成富文本的方式,展示给普通用户时直接加载富文本,使得用户使用更方便。
根据本发明的实施例,还提供了对应于图片加载方法的一种服务器。该服务器,可以包括:处理器,用于执行多条指令;存储器,用于存储多条指令;其中,所述多条指令,用于由所述存储器存储,并由所述处理器加载并执行以上所述的图片加载方法。
由于本实施例的服务器所实现的处理及功能基本相应于前述图1至图3所示的方法的实施例、原理和实例,故本实施例的描述中未详尽之处,可以参见前述实施例中的相关说明,在此不做赘述。
经大量的试验验证,采用本发明的技术方案,通过将长大图片拆分成富文本的方式,展示给普通用户时直接加载富文本,省流量且省时间,还方便用户查看。
综上,本领域技术人员容易理解的是,在不冲突的前提下,上述各有利方式可以自由地组合、叠加。
以上所述仅为本发明的实施例而已,并不用于限制本发明,对于本领域的技术人员来说,本发明可以有各种更改和变化。凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的权利要求范围之内。
Claims (19)
1.一种图片加载方法,其特征在于,包括:
接收待加载图片的原图;
将所述原图拆分成富文本内容;
在需要加载所述原图时直接加载所述富文本内容。
2.根据权利要求1所述的方法,其特征在于,将所述原图拆分成富文本内容,包括:
将所述原图切割成图片和图像;其中,所述图片中只含有所述原图中的文字符号,所述图像中包含所述原图中除所述图片之外的部分;
将所述图片转换成文本内容;
将所述文本内容和所述图像合并并转换成富文本内容。
3.根据权利要求2所述的方法,其特征在于,其中,
待加载图片的长度大于或等于设定长度,和/或待加载图片的字节值大于或等于设定值;
和/或,
所述文本内容中包含有文本样式,所述文本样式,包括:字体、颜色、大小、位置中的至少之一。
4.根据权利要求2或3所述的方法,其特征在于,所述文本内容,包括:设定的显示规格的文本内容;所述图像,包括:设定的显示规格的图像;
将所述文本内容和所述图像合并并转换成富文本内容,包括:
将设定的显示规格的文本内容和设定的显示规格的图像,合并并转换成设定的显示规格的富文本内容。
5.根据权利要求2-4之一所述的方法,其特征在于,将所述原图拆分成富文本,还包括:
根据待加载终端的显示规格调整所述图像的清晰度和所述文本内容的大小;其中,对所述文本内容中文字大小的调整导致所述文本内容变大或变小时,产生的空隙区域或覆盖区域由下一文字区域向上或向下调整,使得所述文本内容中每个文字区域之间的间隙符合设定间隙。
6.根据权利要求5所述的方法,其特征在于,所述显示规格,包括:第一规格、第二规格、第三规格和第四规格中的至少之一;
根据待加载终端的显示规格调整所述图像的清晰度和所述文本内容的大小;其中,对所述文本内容中文字大小的调整导致所述文本内容变大或变小时,产生的空隙区域或覆盖区域由下一文字区域向上或向下调整,使得所述文本内容中每个文字区域之间的间隙符合设定间隙,包括:
若所述显示规格为第一规格,则采用原有的所述图像,以及将所述文本内容中的文字调小;
或者,若所述显示规格为第二规格则采用保持原样的所述图像和所述文本内容;
或者,若所述显示规格为第三规格采用原有的所述图像,以及将所述文本内容中的文字调大;
或者,若所述显示规格为第四规格采用对原有的所述图像压缩,以及将所述文本内容中的文字调大。
7.根据权利要求1-6之一所述的方法,其特征在于,在需要加载所述原图时直接加载所述富文本,包括:
接收到待加载终端的加载请求时,将所述富文本内容加载至待加载终端,以在待加载终端上对所述富文本内容进行分段加载展示。
8.根据权利要求7所述的方法,其特征在于,将所述富文本内容加载至待加载终端,包括:
在所述富文本内容包括设定的显示规格的富文本内容的情况下,根据所述加载请求中携带的待加载终端的显示规格,确定与所述显示规格匹配的富文本内容;
将与所述显示规格匹配的富文本内容加载至待加载终端。
9.一种图片加载装置,其特征在于,包括:
通信单元,用于接收待加载图片的原图;
处理单元,用于将所述原图拆分成富文本内容;
所述通信单元,还用于在需要加载所述原图时直接加载所述富文本内容。
10.根据权利要求9所述的装置,其特征在于,所述处理单元将所述原图拆分成富文本内容,包括:
将所述原图切割成图片和图像;其中,所述图片中只含有所述原图中的文字符号,所述图像中包含所述原图中除所述图片之外的部分;
将所述图片转换成文本内容;
将所述文本内容和所述图像合并并转换成富文本内容。
11.根据权利要求10所述的装置,其特征在于,其中,
待加载图片的长度大于或等于设定长度,和/或待加载图片的字节值大于或等于设定值;
和/或,
所述文本内容中包含有文本样式,所述文本样式,包括:字体、颜色、大小、位置中的至少之一。
12.根据权利要求10或11所述的装置,其特征在于,所述文本内容,包括:设定的显示规格的文本内容;所述图像,包括:设定的显示规格的图像;
所述处理单元将所述文本内容和所述图像合并并转换成富文本内容,包括:
将设定的显示规格的文本内容和设定的显示规格的图像,合并并转换成设定的显示规格的富文本内容。
13.根据权利要求10-12之一所述的装置,其特征在于,所述处理单元将所述原图拆分成富文本,还包括:
根据待加载终端的显示规格调整所述图像的清晰度和所述文本内容的大小;其中,对所述文本内容中文字大小的调整导致所述文本内容变大或变小时,产生的空隙区域或覆盖区域由下一文字区域向上或向下调整,使得所述文本内容中每个文字区域之间的间隙符合设定间隙。
14.根据权利要求13所述的装置,其特征在于,所述显示规格,包括:第一规格、第二规格、第三规格和第四规格中的至少之一;
所述处理单元根据待加载终端的显示规格调整所述图像的清晰度和所述文本内容的大小;其中,对所述文本内容中文字大小的调整导致所述文本内容变大或变小时,产生的空隙区域或覆盖区域由下一文字区域向上或向下调整,使得所述文本内容中每个文字区域之间的间隙符合设定间隙,包括:
若所述显示规格为第一规格,则采用原有的所述图像,以及将所述文本内容中的文字调小;
或者,若所述显示规格为第二规格则采用保持原样的所述图像和所述文本内容;
或者,若所述显示规格为第三规格采用原有的所述图像,以及将所述文本内容中的文字调大;
或者,若所述显示规格为第四规格采用对原有的所述图像压缩,以及将所述文本内容中的文字调大。
15.根据权利要求9-14之一所述的装置,其特征在于,所述通信单元在需要加载所述原图时直接加载所述富文本,包括:
接收到待加载终端的加载请求时,将所述富文本内容加载至待加载终端,以在待加载终端上对所述富文本内容进行分段加载展示。
16.根据权利要求15所述的装置,其特征在于,所述通信单元将所述富文本内容加载至待加载终端,包括:
在所述富文本内容包括设定的显示规格的富文本内容的情况下,根据所述加载请求中携带的待加载终端的显示规格,确定与所述显示规格匹配的富文本内容;
将与所述显示规格匹配的富文本内容加载至待加载终端。
17.一种服务器,其特征在于,包括:如权利要求9-16任一所述的图片加载装置。
18.一种存储介质,其特征在于,所述存储介质中存储有多条指令;所述多条指令,用于由处理器加载并执行如权利要求1-8任一所述的图片加载方法。
19.一种服务器,其特征在于,包括:
处理器,用于执行多条指令;
存储器,用于存储多条指令;
其中,所述多条指令,用于由所述存储器存储,并由所述处理器加载并执行如权利要求1-8任一所述的图片加载方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811505072.6A CN109710783B (zh) | 2018-12-10 | 2018-12-10 | 一种图片加载方法、装置、存储介质及服务器 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811505072.6A CN109710783B (zh) | 2018-12-10 | 2018-12-10 | 一种图片加载方法、装置、存储介质及服务器 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN109710783A true CN109710783A (zh) | 2019-05-03 |
CN109710783B CN109710783B (zh) | 2021-06-15 |
Family
ID=66255725
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201811505072.6A Active CN109710783B (zh) | 2018-12-10 | 2018-12-10 | 一种图片加载方法、装置、存储介质及服务器 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109710783B (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114926464A (zh) * | 2022-07-20 | 2022-08-19 | 平安银行股份有限公司 | 在双录场景下的图像质检方法、图像质检装置及系统 |
CN116661667A (zh) * | 2023-07-28 | 2023-08-29 | 北京安锐卓越信息技术股份有限公司 | 一种海报图片的处理方法、装置、电子设备及存储介质 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1620094A (zh) * | 2003-11-20 | 2005-05-25 | 佳能株式会社 | 用于将图像转换为预定格式的图像处理设备及方法 |
CN101937428A (zh) * | 2010-08-11 | 2011-01-05 | 优视科技有限公司 | 移动终端设备的带文字内容的图片的重新排版方法及系统 |
CN103870444A (zh) * | 2012-12-12 | 2014-06-18 | 腾讯科技(深圳)有限公司 | 一种图片式文本的切图方法和系统 |
CN108322807A (zh) * | 2018-02-24 | 2018-07-24 | 武汉斗鱼网络科技有限公司 | 一种弹幕展示方法及装置 |
US20180260376A1 (en) * | 2017-03-08 | 2018-09-13 | Platinum Intelligent Data Solutions, LLC | System and method to create searchable electronic documents |
-
2018
- 2018-12-10 CN CN201811505072.6A patent/CN109710783B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1620094A (zh) * | 2003-11-20 | 2005-05-25 | 佳能株式会社 | 用于将图像转换为预定格式的图像处理设备及方法 |
CN101937428A (zh) * | 2010-08-11 | 2011-01-05 | 优视科技有限公司 | 移动终端设备的带文字内容的图片的重新排版方法及系统 |
CN103870444A (zh) * | 2012-12-12 | 2014-06-18 | 腾讯科技(深圳)有限公司 | 一种图片式文本的切图方法和系统 |
US20180260376A1 (en) * | 2017-03-08 | 2018-09-13 | Platinum Intelligent Data Solutions, LLC | System and method to create searchable electronic documents |
CN108322807A (zh) * | 2018-02-24 | 2018-07-24 | 武汉斗鱼网络科技有限公司 | 一种弹幕展示方法及装置 |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114926464A (zh) * | 2022-07-20 | 2022-08-19 | 平安银行股份有限公司 | 在双录场景下的图像质检方法、图像质检装置及系统 |
CN114926464B (zh) * | 2022-07-20 | 2022-10-25 | 平安银行股份有限公司 | 在双录场景下的图像质检方法、图像质检装置及系统 |
CN116661667A (zh) * | 2023-07-28 | 2023-08-29 | 北京安锐卓越信息技术股份有限公司 | 一种海报图片的处理方法、装置、电子设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN109710783B (zh) | 2021-06-15 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN103544207B (zh) | 一种图片加载显示的方法与系统 | |
CN109634925A (zh) | 资源文件下载方法、装置、计算机设备和存储介质 | |
CN108289234B (zh) | 一种虚拟礼物特效动画展示方法、装置和设备 | |
CN110764850A (zh) | 界面显示方法、参数赋值方法、系统及设备 | |
CN109710783A (zh) | 一种图片加载方法、装置、存储介质及服务器 | |
WO2019169985A1 (zh) | 生成及显示移动说明书的方法和装置 | |
US20170188093A1 (en) | Method and electronic device for grading-based program playing based on face recognition | |
CN102769641A (zh) | 一种网页内容自适应控制的展示方法及系统 | |
CN109067816B (zh) | 一种游戏资源推送方法、服务器及客户端 | |
CN106649581B (zh) | 一种网页的修复方法以及客户端 | |
CN104092777A (zh) | 客户端的布局设定与服务器同步存储的方法及其系统 | |
CN110737853A (zh) | 一种多平台展示静态页面数据同步方法及b2b系统 | |
CN109359245A (zh) | 信息推送方法、装置、服务器及存储介质 | |
CN101808218A (zh) | 电子节目单内容的获取和更新方法、装置和系统 | |
CN112752107A (zh) | 网页图片预处理方法、系统、存储介质及计算机设备 | |
CN112473131A (zh) | 实现游戏运行的方法和装置、计算机可读存储介质 | |
CN112433995A (zh) | 文件格式转换方法、系统、计算机设备及存储介质 | |
CN109582417A (zh) | 一种界面展示方法、客户端及图片服务器 | |
CN109474643A (zh) | 数据解析方法、装置、设备及存储介质 | |
US7912915B1 (en) | Systems and methods for enticing users to access a web site | |
CN114218409A (zh) | 前端动画性能优化方法、装置和计算机设备 | |
US20140195894A1 (en) | Method and system for continuous rendering of web content | |
CN107391590B (zh) | 一种主题列表的更新方法、装置、电子设备及存储介质 | |
US8032838B2 (en) | System and method for processing and rendering markup language based electronic mail | |
CN116566965B (zh) | 一种ofd大文件的处理方法 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |