现在开通建站服务买2年送2年,买3年送3年...买10年送10年,优惠名额有限,领完即止!点击了解详情

全国服务热线:020-28186320    电话微信:189-2897-5817        |    

核心功能
> 一键批量生成优质内容。
> 智能合成多语种字幕&语音。
> 内置视频脚本,智能SEO策略。
解决痛点
持续产生高持量视频。
获取视频搜索流量。
适用客户
靠短视频获取流量的平台重度用户。如:短视频电商、短视频外贸商、帐号运营公司等。
核心功能
> 覆盖国内主流短视频平台。
> 一站式管理多个平台帐号。
> 线索获取及意向客户分类。
解决痛点
无需专职团队即可深度运营短视频。
持续智能视频发布,提升搜索排名。
微信同步推送意向线索,快速跟进。
适用客户
平台允许入驻的绝大部份行业。
核心功能
> 多语种视频智能发布到主流平台。
> 一站式管理多平台,多语种帐号。
> 用户行为监听,多平台意向聚合管理。
解决痛点
多语种视频批量生成及自己发布。
外语不好也可高效沟通(自动翻译)。
适用客户
从事外贸及跨境电商业务的主体


关于我们
聚视推是一家产品&技术型公司,公司定位为做全球短视频运营服务。
作为一间资深的第三方开发商,我们的底层运营逻辑是:基于平台规范开发、与合作伙伴共赢。
短视频是高效的信息载体,在可见的未来内将无法替代,除非有新的终端取代手机,或者VR商业应用大规模成熟。
关于准合作伙伴
做过企业服务类业务,如营销推广、企业培训、或者雄心勃勃的成熟创业者;
三观正,有服务能力与意愿;
有客户基础及销售、运营团队;
合作方式
普通代理,使用我们的品牌、价格体系、产品策略,拓展客户、并为客户提供服务。
金牌伙伴,聚视推提供产品和服务,并持续升级产品;...更多服务及合作方式,请咨询细节。
细节咨询:邮箱:ykw@gzjinke.com |  电话:18928975817(微信同号)


新闻动态

图片展示
新闻中心

响应式图像终于有超赞的解决方案了!

发表时间: 2017-12-05 11:43:28

作者: 广东锦科科技有限公司

浏览:

发者和设计师们竞相寻求处理响应式图片的方法。这的确是一个棘手的问题 ,因为我们对同一个网站在众多设备宽度下,使用同一图像源。你愿意在一个大显示屏上显示模糊地、马赛克状的图像?

固定宽度图像:基于设备像素比选择

视网膜屏幕的广泛应用,使我们不仅需要考虑屏幕分辨率,而且也需要考虑像素密度。视网膜屏幕,4K显示器,UltraHD-它们都比相同尺寸的标准分辨率显示器填充了更多的像素。更多的像素=更清晰的图像。

有些图片不管屏幕尺寸,始终以固定宽度显示-如站点logo或人物简介图像,也就是说需要根据设备像素比来选择。浏览器将根据设备像素比来选择加载哪张图像。

srcset属性列出了浏览器可以选择加载的源图像池,是一个由逗号分隔的列表。x描述符表示图像的设备像素比。浏览器根据运行环境,利用这些信息来选择适当的图像。不理解srcset的浏览器会直接加载src属性中声明的图像。

上例中,我们告诉浏览器在viewport宽度小于400像素时,使图像的宽度与viewport等宽。在viewport宽度小于960像素时,使图像的宽度为viewport宽度的75%。当viewport大于960像素时,使图像的宽度为640像素。如果你不熟悉vw ,可以看看Tim Severien的大文viewport单位详解 。

浏览器利用srcsetsizes信息来选择最符合规定条件的图像。如果浏览器的viewport是600像素,图像最可能以75vw的宽度显示。浏览器将尝试加载第一张大于450像素(600*0.75)的图像,也就是uswnt-480.jpg。如果我的是dpr为2的Retina显示屏,那么浏览器就会尝试加载第一张大于900像素(600*0.75*2)的图像,也就是uswnt-960.jpg。我们无法确定究竟显示哪张图像,因为每个浏览器根据我们提供的信息挑选适当图像的算法是有差异的。(译者注:srcset和size列表是对浏览器的一个建议(hint),而非指令。例如,设备像素比(dpr)为1.5的设备,亦可用1x也可用2x的图像,由浏览器根据其能力、网络等因素来决定。)

前两个例子都是以不同质量显示相同的图像,仅用srcset属性就足够了。不必担心老旧浏览器,老旧浏览器会把它看作为一个普通的图像并从src中加载。如果你想在不同宽度下显示稍微不同的图像,比如在较窄屏幕下仅显示图像的关键部分,那么要使用picture元素。

picture:基于Art direction(美术设计)选择

picture元素就像是图像和其源的容器。浏览器仍然需要img元素,用来表明需要加载图片,如果没有img,那么什么都不会渲染。source为浏览器提供了要显示图像的供选版本。基于美术设计选择的适用场景为:在一个特定的转效点(breakpoint)需要显示一个特定的图像。使用picture元素选择图像,不会有歧义。


图片展示

联系电话:020-2818 6320

电子邮箱:jinke@gzjinke.com

地址:广州市白云区嘉禾望岗银丰大厦321室

建站服务

响应式网站

小语种建站

移动电商

小程序

外贸建站

Copyright © 2013-2020  广东锦科科技有限公司

粤ICP备16129080号 

粤公网安备 44010602003516号

Copyright © 2013-2021  广东锦科科技有限公司  版权所有  粤ICP备16129080号  粤公网安备 44010602003516号

在线客服
联系方式
二维码
二维码
企业微信咨询
在线客服
添加微信好友,详细了解产品
使用企业微信
“扫一扫”加入群聊
复制成功
添加微信好友,详细了解产品
我知道了