18868949445

陇南企业网站制作:如何优化网站图片

日期:2020-04-30 阅读:108   作者:陇南网站设计开发公司

作为一名摄影师,在你妈妈的爱之后,你心中最珍贵的东西是什么?没错你的照片。对于设计师、艺术家和更一般的人来说,同样的情况也是如此,他们把大量的时间和精力贡献在创造美丽而有意义的形象上。因为你对自己的照片如此自豪,所以你想把它们展示给世界是很自然的。接下来,你把它们上传到你自己的摄影网站,它可以在你的客户、同伴和朋友之间慷慨地分享。

问题:通常情况下,屏幕上出现的图片与你拍摄的照片并不完全相同。似乎有很多可怜的,无辜的像素在路上被牺牲了。而且很可能,如果你的像素足够幸运地存活下来,另一个问题就会出现:你的文件太重了,你的网站需要很长时间才能加载,让你的很多访问者(和潜在的客户)都会被拒之门外。这就是互联网时代图像优化的难题:如何在不损害网站速度或性能的前提下,找到保持最佳质量的正确平衡?

让我们来找出大多数摄影师所犯的常见错误,并采用一些你今天就可以开始使用的好方法。

为什么图像优化是一个如此大的问题?

你有没有想过,当你上网的时候,你的电脑里发生了什么事?基本上,您的桌面或移动浏览器需要从网站下载每个文件,以便将其呈现到屏幕上。这意味着你上传的文件越大,网站的整体速度就越低。一个表现缓慢的网站有破坏性的后果,无论是你的搜索引擎优化(谷歌喜欢快速加载网页)和用户体验(用户体验)的访问者。记住,普通的互联网用户对一个页面的出现时间太长没有耐心--即使这是合理的,这一点总是很好的。事实上,40%的人放弃一个需要超过3秒才能加载的网站。.

另一个挑战来自移动,它占了今天网络流量的50%以上。移动网络的带宽通常低于有线家庭网络,这将使您的图片更难在访问者的屏幕上安全可靠地到达。有一个集体的问题,你需要考虑:高分辨率图像带来的问题,同时保持您的网站的性能。

你能走多低?

今天,陇南企业网站制作人们使用了两种主要技术来优化网站的图像。第一个是压缩。原理很简单(虽然数学上非常复杂):您的软件算法将发现图像上的冗余信息,并将其从文件中删除。这是许多压缩格式的工作方式-其中最著名的是JPEG。由于这种像素饮食,您的图片大小将大大减少。您的网站将加载得更快,特别是如果您采用这种压缩每一个图像,如果你应用一个强大的压缩系数(“JPEG质量”)。

但问题是,压缩带来了宝贵数据的损失,这是一个很重要的问题。这种损失通常在小细节、伪影的出现或普通互联网用户能够容忍的不那么复杂的渲染上是显而易见的。一般的互联网用户,但不是你。作为一名摄影师,你对任何能改变你的作品质量的东西都有极低的容忍度,即使是轻微的改变。毕竟,如果第一个压缩算法在微秒内毁了它,为什么还要花那么多时间和脑细胞去获取完美的照片呢?这就是为什么这种方法可以安全地用于许多其他网站(酒店、博客、网上商店等),但不会被推荐到你的在线投资组合中。

尺寸真的很重要吗?

今天的大多数相机都能让你以非常高的分辨率拍摄照片。如下图所示,即使是低端相机也可以毫不费力地拍出4290*2800 px的照片。这对你的艺术来说是一笔巨大的财富,但也给你的网页设计带来了问题,因为分辨率更高的图像意味着要上传更大的文件。这就是调整大小的地方(第二种常见的优化方法)。基本上,这意味着缩小你的照片大小,几乎不改变质量。你的访客会在他们的屏幕上看到完全一样的东西--只是他们可能需要用显微镜才能看到。

这种技术很聪明,但并不完全令人信服。事实上,谁能知道什么是互联网的最佳解决方案?每个桌面或移动设备上的每个浏览器都以不同的大小显示相同的图像。此外,一些图像自然是要以更大的格式显示,仅仅是因为主题(想象一个令人惊叹的景观)、技术(宏观摄影)或艺术构图。最后但并非最不重要的是,一个适合你的决议摄影网站不一定符合Facebook或Instagram的标准,反之亦然。

总之,调整图片大小是一个很好的选择,如果您需要它们用于非常特定的目的,并且您确定您将不必将它们显示在大屏幕上。除此之外,这项技术不会解决你的首要存在问题:如何将质量和性能结合起来。

什么是最佳做法?

任何良好的关系或饮食背后的同样想法可以在你的网站上反映出来:这都是为了找到正确的平衡。一方面,你是一个艺术家,他的目标是在每一张照片中展现出自己最好的一面。另一方面,您需要优化您的图片,以便在您的在线投资组合没有超载。正如我们所看到的,最流行的选项(压缩和缩减)不尊重这种平衡,并将大大损害视觉渲染的性能。

因此,Wix正在使用先进的算法来实现图像质量和显示性能之间的最佳平衡。基本上,你唯一需要做的就是拍下令人惊叹的照片,并将它们上传到你的网站上。Wix专业画廊,然后让电脑为你做所有的数学运算。绝对没有必要压缩或调整您的图像大小。只需上传你的照片。当图片显示在您的访问者的浏览器,Wix专业画廊将自动确定最佳分辨率和应用它。然后,调整大小的文件将使用覆盖全世界的CDN(ContentDeliverationNetwork)从最近的服务器到浏览器提供服务,以确保尽可能高的性能和速度。

以下是为您的网站优化图像的完整过程:

1. 完美你的形象在Photoshop,Lighttroom或任何你选择的图形编辑器上。

2. 将图像导出为JPEG文件有:

  • 在Photoshop比例尺上质量为11或更高(或同等)。

  • 图片的最短部分(肖像的宽度,景观的高度)至少3000 px的分辨率。

  • 最大大小为15 MB

3. 让Wix发挥它的魔力为您获得一个优化的照片,真正尊重您的艺术和满足要求。


对于更高级的用户

陇南企业网站制作在Wix Pro图库控制面板上,您可以直观地覆盖每个图像的特定值的设置。这种独特的控制,结合了这个天才应用的先进算法,将为移动和桌面提供最好的质量和性能:

  • 这个质量。除了处理异常丰富的图片外,将此设置设置在90以上对于您的网站来说被认为是不好的做法,因为它将增加文件大小,只会对图片的渲染产生轻微的影响。

  • 这个磨尖使您的照片锐化,通过分析和最大限度地提高其边缘的脆度。您可以完全控制应用于图像的锐化量、半径(锐化效果来自边缘的像素数)和阈值(哪些像素被认为是边缘像素-越低,锐化效果越强)。