【技术实现步骤摘要】
一种图片展示的方法、装置以及计算机存储介质
[0001]本公开涉及计算机
,具体而言,涉及一种图片展示的方法、装置以及计算机存储介质。
技术介绍
[0002]随着互联网技术的不断发展,互联网的信息数据呈现指数级增长,由于终端的图形用户界面的展示尺寸有限,因此在以信息流卡片的形式展示信息时一般会将信息中包含的图片以缩略图的形式进行展示。
[0003]目前,一般采用服务端下发完整图片、客户端进行图片裁剪及裁剪后缩略图的展示;或者服务端对完整图片进行裁剪,并将裁剪后的缩略图下发至客户端,客户端直接展示获取到的裁剪后的缩略图;第一种方式中,客户端对图片进行裁剪时一般裁剪的为图片中间区域部分,由于不同图片的重点内容不一致,裁剪后的缩略图中可能不包含完整图片的重点内容的问题;第二种方式中,通过服务器将完整图片中的重点内容裁剪出来,该方式数据处理量较大,需要耗费大量的服务器处理资源,并且在客户端无法展示完整图片。
技术实现思路
[0004]本公开实施例至少提供一种图片展示的方法、装置以及计算机存储介质。 />[0005]第一本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种图片展示的方法,其特征在于,包括:获取媒体内容中至少一张目标图片对应的第一图片,以及所述第一图片的裁剪位置信息;所述第一图片的清晰度低于所述目标图片的清晰度;根据所述裁剪位置信息,对所述第一图片进行裁剪,得到裁剪后的第二图片;展示所述媒体内容中的所述第二图片;响应于针对所述第二图片的触发事件,从展示所述第二图片切换到展示所述第一图片。2.根据权利要求1所述的方法,其特征在于,获取媒体内容中的至少一张目标图片对应的第一图片,以及所述第一图片的裁剪位置信息,包括:获取所述目标图片对应的访问路径和图片处理信息,所述图片处理信息包括图片尺寸信息和目标裁剪策略信息;基于所述访问路径和所述图片处理信息,获取所述第一图片,以及所述第一图片中与所述图片处理信息匹配的裁剪位置信息,其中,所述裁剪位置信息为基于所述图片尺寸信息指示的第二图片的尺寸,以及所述目标裁剪策略信息指示的待裁剪的第二图片与第一图片的相对位置关系确定的。3.根据权利要求2所述的方法,其特征在于,根据所述裁剪位置信息,对所述第一图片进行裁剪,得到裁剪后的第二图片,包括:基于所述裁剪位置信息中指示的待裁剪的第二图片的任一顶点位置在对应的第一图片中的位置信息,确定裁剪起点位置信息;基于所述裁剪位置信息中指示的所述第一图片和所述第二图片的宽度比,确定所述第二图片的宽度信息;以及,基于所述裁剪位置信息中指示的所述第一图片和所述第二图片的高度比,确定所述第二图片的高度信息;基于确定的所述裁剪起点位置信息、和所述第二图片的宽度信息以及所述第二图片的高度信息,对所述第一图片进行裁剪,得到所述第二图片。4.根据权利要求1所述的方法,其特征在于,从展示所述第二图片切换到展示所述第一图片,包括:在页面中添加第一视图窗口;其中,所述第一视图窗口内初始展示的图片内容与所述第二图片的图片内容相同,且所述第一视图窗口的初始尺寸等于所述第二图片的尺寸;通过调整所述第一视图窗口的尺寸由小到大变化,播放从所述第二图片扩展到所述第一图片的全屏图片内容的动画效果。5.根据权利要求4所述的方法,其特征在于,在页面中添加第一视图窗口,包括:将所述第二图片在屏幕中的展示位置,确定为待添加的第一视图窗口的初始位置,根据该初始位置,在所述页面中添加所述第一视图窗口。6.根据权利要求5所述的方法,其特征在于,所述调整所述第一视图窗口的尺寸由小到大变化,包括:根据所述第一图片的宽高比和屏幕宽高比,确定最终展示的所述第一图片的全屏图片内容在页面中的最终位置;根据所述初始位置和所述最终位置,将第一视图窗口的尺寸从所述初始尺寸调整至匹配所述最终位置的尺寸。7.根据权利要求6所述的方法,其特征在于,根据所述第一图片的宽高比和屏幕宽高
比,确定最终展示的所述第一图片的全屏图片内容在页面中的最终位置,包括:若所述第一图片的宽高比大于或...
【专利技术属性】
技术研发人员:曹清然,侯丽菲,金胜昔,刘刚,陈奕,谭海洋,
申请(专利权)人:北京字节跳动网络技术有限公司,
类型:发明
国别省市:
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。