网站开发在过去的几年里，文字变得更加引人注目与图片和视频。但添加丰富的媒体并不是唯一的改变影响网站。
消费行为也到这个进化因素,作为web访问桌面领域已经从各种不同的设备,智能手机,平板电脑,笔记本电脑,smartwatches和电视——不同的维度和决议。和消费者希望能够从任何位置访问web内容随时和。
在2016年及以后,开发人员将需要解决许多挑战,确保网站性能优化带宽使用最小化和用户有一个一流的体验。下面来看看三大媒体的挑战,和开发人员能做什么来解决这些问题:
高分辨率的图像和视频
古老的谚语说,一幅画值1000的话,那么毫无疑问,网站所有者用图片和视频作为强大的工具在他们的网站上吸引游客。高分辨率图像看起来最好,但这些文件太大导致网站加载缓慢而使用过高的带宽。这些问题让游客,并可能给他们没有在网站上进行进一步的动机。
高分辨率图像在naturevalleytrailview.com主页。
是否有用户访问你的网站从一个电话或电脑,它必须加载迅速。加布里埃尔·a·梅斯的创始人就添加内容,一个网站的平台企业,对cio杂志开发人员应该“指在保持网站加载时间(几)秒或更少。你的最大威胁不是竞争对手,后退按钮。如果你的网站加载太慢,客户不会等待。他们会去别的地方。”
一般来说,为了解决这些问题,开发人员必须：
● 调整图片/视频设备分辨率的比赛——一个大小不适合所有人,特别是越来越多的设备采用不同大小的消费者。
● 利用现代图像格式图像或视频编解码器,考虑使用webp,自动回退到其他格式,比如jpeg的浏览器不支持新格式。视频,考虑编解码器,帧率,比特率来保存文件大小和带宽。
● 调整质量水平——之间有一个权衡压缩水平和视觉质量,确保没有过高的带宽使用一个令人满意的用户体验。
开发者还必须掌握相关趋势的新类型的图像和如何最好地展示他们在他们的网站上。例如,苹果生活照片,介绍一种混合之间的静态图像和视频,将照片与其他时刻之前和之后的拍摄,并显示它们与运动和声音。
开发人员将需要了解如何最好地支持上传,转换和显示这些新形式的内容,不是带宽或存储密集型和视觉吸引力无论设备查看。
使用更多的视频——上游和下游
不可否认网络视频正在成为一个主要组件的网站所有者——从使用他们的网站来吸引游客,被用户上传的视频。考虑一下:每秒钟,近一百万分钟的视频内容将交叉网络,到2019年,根据思科视觉网络指数。数量,需要500万多年一个人观看的视频数量每个月将跨越全球ip网络。
用户上传大量的视频,开发人员将负责各种品质的视频,维度和方面比率和使他们适合他们的网站或移动应用的设计。
但它不只是数分钟的视频被上传,该决议。今天的设备来处理高分辨率的视频,结果4 k视频越来越受欢迎。但巨大的决议转化为长时间上传和下载,需要增加存储空间;和深加工与转换,调整和操纵这些视频。
开发人员需要规范化优化4 k和高分辨率的视频专门为web和移动设备,利用响应技术,使他们提供最小的文件大小而仍然保持最高的视觉质量匹配用户的设备,浏览器和网络速度。
响应设计
开发人员争论与确保图片和视频有关的几个挑战外观和正常运作今天过多的设备上使用,在不同的决议。解决这些挑战的事实上的标准响应网页设计,使相同的网站,以适应不同的分辨率。因此,开发人员需要探索如何有效地使用响应设计技术。
谷歌,以及组织w3c标准,微软和苹果,正试图简化反应设计解决方案构建到web浏览器。但这些并不足够。例如,客户端提示解决方案被谷歌只是提升在chrome支持,所以需要额外的工作来确保你的图像是在其他浏览器上正确显示。
其他依赖于新的新的html5特性——特别是
元素和 srcset的属性 元素,定义不同的图像分辨率和富于艺术导向的剪裁和操纵图像在html代码版本。
这种方法有两个问题。首先,并不是所有的浏览器都支持现代html5特性,因此开发人员被迫为浏览器不使用回退机制。
第二,而浏览器自动为每个设备和选择最佳的匹配图像分辨率,浏览器不会自动创建图像。开发人员需要更加努力地工作在不允许所有的不同的图片版本或者使用动态图像处理服务。
然而,这些解决方案并不关注找到合适的断点对于图像,这是至关重要的。
断点是最佳的分辨率和尺寸的图像需要的各种设备和屏幕尺寸最适合你的网站将会观看。确定断点开发人员需要一种解决方案,帮助他们决定需要哪些图像分辨率,创建多个图像,结合他们的html代码或利用javascript解决方案。谷歌一直支持html5元素在现代浏览器一段时间,现在微软和safari添加支持响应设计的最新版本的浏览器。
一个强有力的开始
视频和图像格式的进化,加上不断创新的设备和显示器,将继续web设计人员和开发人员的挑战,因为他们试图创建一个一流的用户体验,减少对带宽的影响,存储和网站性能。
有效地管理高分辨率文件,熟练地处理越来越多的由用户上传的视频都纳入设计和,如上所述,将响应设计技术可以帮助开发者解决他们面临的一些挑战的今天,并建立一个良好的基础为未来的最佳实践。