提供一致的体验 – 和最佳图像 – 通过多种桌面和移动设备的仍然为开发商带来巨大的挑战。他们需要考虑图像的大小 – 因为较大的文件需要更长的时间来下载,吃起来的带宽和对网站的性能和用户体验产生负面影响 – 和以及在其上的所查看的设备的类型的图形设计,其中图像被放置…
提供一致的体验 – 和最佳图像 – 通过多种桌面和移动设备的仍然为开发商带来巨大的挑战。他们需要考虑图像的大小 – 因为较大的文件需要更长的时间来下载,吃起来的带宽和对网站的性能和用户体验产生负面影响 – 和以及在其上的所查看的设备的类型的图形设计,其中图像被放置。
当你想改善与视觉吸引力的图像参与,提供更快的页面加载适当的图像格式,并在大范围需要不同的图形布局,分辨率和视口设备提供一致的体验高效的图像管理是关键。
目标:以提高开发效率,加速你的网站推向市场,并找到一种方法,以避免创建每个图像的多个版本,以支持响应式设计。为了帮助您实现这些目标,有您应该使用的四个最佳做法:
图像优化涉及用尽可能小的文件大小传送的图像,同时保持视觉质量。这样做可以节省字节,加速您的网站的性能。
为了选择最佳的图像,你必须了解所有影响图像的文件大小和质量,以及考虑可能会导致不必要的带宽使用,如浪费的浏览器端的大小调整什么样的行动,一个和提供静态图标之一的各种因素使用跨所有交付媒介单一的图像大小。
其中的图像优化的主要方面包括选择正确的格式提供给用户,并避免使用不必要的高画质图像。你应该寻找动态地选择最有效的格式的解决方案 – 无论是传统的JPEG,PNG和GIF,还是现代的格式,如的WebP由谷歌和微软开发的JPEG XR开发 – 自动适当地调整压缩质量,要求每个场景。
随着越来越多地使用响应式设计的,你需要确保你也能扩展和裁剪图像,以适应任何页面布局,在任何设备上。
毫无疑问,你有将图像添加到您的网站或应用程序相关的特定的工作流程。在许多情况下,设计者将创建的艺术作品,则显影剂请求多个大小有关的各种设备和多个格式不同的浏览器显示。
然后,他们必须存储多个版本,并编写可以选中并传送到每个用户的正确版本的逻辑。如果你曾经做过这个,你知道这需要时间显著量,并能减缓你的时间去市场。
理想情况下,你应该自动化过程尽可能地。您使用应使您的任何解决方案,以创建图像,然后可以动态转换,并在正确的版本交付,以满足每一位用户和每台设备的观看条件之一的高品质版本。通过这样做,你将不需要你的设计师来设计打造每一个图像的多个版本,或做额外的工作,如果你需要以任何方式改变了图像节省时间和资源。
尽管网站都在显着的外观和风格多年来改变-从简单的基于文本的页面,以先进的浏览器应用程式完整图像和视频-底层HTTP协议确实没有改变-直到最近,随着审批HTTP / 2协议由IETF。使用HTTP / 2可以帮助您优化您的应用或网站更加用户体验。
通常这个新的HTTP协议将提高网站的性能; 减少通过支持的报头压缩所需要的带宽量; 改善延迟,使开发人员更容易使用的优化连接,省去了需要域分片等细腻的表现技巧。
移动到HTTP / 2时,您将看到最大的区别就是有大量图像的网页。和一个单页上,更多的改进,将可以看到的更多的图像。其原因是:利用HTTP / 2,而不是请求顺序图像或创建多个并行连接时,浏览器向服务器的单个连接,并优化通过单个连接的请求的所有图像。
内容分发网络(CDN)是大的,地理上分布的专用服务器,以加快互联网连接设备交付Web内容和富媒体网络。
的CDN提供给各方,包括网络用户,内容和应用所有者和服务提供商带来许多好处。这些网络支持更快的页面加载,改善用户体验,从而最终降低放弃率,增加印象,提高了转化率,增强客户的忠诚度。
这些最佳实践将帮助您创建一个无缝的,终端到终端的过程与图像处理,包括上传,组织,浏览,存储,交付和管理的所有图像。随着Cloudinary的解决方案,你可以从一个单一的平台,这将进一步帮助减少整合的麻烦和混乱,同时提高了团队协作迅速有