​如何优化你的网站的图片

作为一名摄影师，在你妈妈的爱之后，你心中最珍贵的东西是什么?没错,你的照片。对于设计师、艺术家和更普遍的人来说，同样的道理也同样适用，每个人都花了大量的时间和精力创造出美丽而有意义的图像。因为你为你的照片感到骄傲，所以你想把它们展示给世界是很自然的。接下来，你把它们上传到你自己的摄影网站，它可以在你的客户、朋友和朋友之间慷慨地分享。

问题:通常情况下，屏幕上出现的图片和你拍的不太一样。似乎有很多可怜的无辜的像素被牺牲掉了。而且很有可能，如果你的像素足够幸运能够生存，那么另一个问题将会出现:你的文件将会变得很重，你的站点将会花费很长时间来加载，这将会使你的访问者(以及潜在的客户)感到非常的困难。这就是互联网时代图像优化的全部困境:你如何找到合适的平衡点，保持最好的质量，而不损害你的网站的速度和性能?

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

为什么图像优化如此重要?

你有没有想过在上网的时候你的电脑里发生了什么?基本上，你的桌面或手机的浏览器需要从一个网站下载每一个文件，以把它呈现在屏幕上。这意味着你上传的文件越大，网站的整体速度就越低。一个运行缓慢的网站会对你的SEO(谷歌喜欢快加载页面)和用户体验(用户体验)带来灾难性的后果。要记住，一般的互联网用户没有耐心看一页长的时间，即使这是合理的。事实上，40%的人会放弃一个超过3秒的网站。

另一个挑战来自于移动，它占了今天超过50%的网络流量。手机的带宽通常比有线家庭网络要低，这将使你的照片更难在你的访问者的屏幕上安全到达。你需要考虑一个共同的问题:在维护网站性能的同时，高分辨率图像带来的问题。

今天使用两种主要技术来优化网站的图像。第一个叫做压缩。这个原理很简单(尽管在数学上非常复杂):你的软件的算法会发现你的图片上的冗余信息，然后从文件中剪切下来。这就是许多压缩格式的工作方式——其中最著名的就是JPEG。由于这种象素饮食的结果，你的照片的大小将会大大减少。您的站点将加载更快，特别是如果您对每一个图像采用这种压缩，并且如果您应用了强压缩系数(“JPEG质量”)。

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

尺寸真的很重要吗?

今天大部分的照相机使你能以很高的分辨率拍照。正如下图所示，即使是低端相机也能拍出4290 * 2800px的照片。这对你的艺术来说是一个巨大的资产，但也会给你的网页设计带来问题，因为分辨率更大的图片意味着更大的文件上传。这就是调整大小(第二个常见的优化方法)的步骤。基本上，这意味着减少照片的大小，几乎不改变质量。你的访客将在他们的屏幕上看到完全一样的东西——除了他们可能需要用显微镜才能看到它。

这项技术很聪明，但并不完全令人信服。的确，谁能说出互联网的最佳解决方案是什么?每个桌面或手机上的每个浏览器都显示不同大小的相同图像。此外，有些图片自然是要以更大的形式表现出来的，仅仅因为主题(想想令人惊叹的风景)、技术(宏观摄影)或艺术作品。最后但并非最不重要的是，一个适合你的摄影网站的决议不一定符合Facebook或Instagram的标准，反之亦然。

总结起来，如果你需要一个非常具体的目的，那么调整你的图像可以是一个不错的选择，而且你确定你不需要在大屏幕上显示它们。除此之外，这一技术并不能解决你的第一个存在问题:如何将质量与性能结合起来。

最佳实践是什么?

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

因此，Wix利用先进的算法实现图像质量与显示性能之间的最佳平衡。基本上，你唯一要做的就是拍出令人震惊的照片，在你的网站上通过Wix Pro Gallery上传，然后让电脑为你做所有的数学题。完全没有必要压缩或调整图像的大小。上传你的照片。当在你的浏览器上显示图片时，Wix Pro Gallery将自动确定最佳分辨率并应用它。将从最近的服务器端到浏览器使用一个CDN(内容交付网络)，以确保最高的性能和速度。

以下是为你的网站优化图片的完整步骤:

1。在Photoshop、Lightroom或任何你选择的图形编辑器上完善你的图像。

2。将图像导出为JPEG文件:

有11个或更多的ps(或同等级别)的质量。

在你的照片的最短的一边，至少有3000像素的分辨率(一幅肖像的宽度，一幅风景画的高度)。

最大容量为15MB

3。让Wix发挥它的魔力，让你得到一个优化的照片，真正尊重你的艺术，满足你的要求。

对于更高级的用户

在Wix Pro Gallery控制面板上，您可以直观地覆盖每个图像的特定值的设置。这种独特的控制，与这个天才应用的高级算法相关联，将为移动和桌面提供最好的质量和性能:

质量。除了当你处理异常丰富的图片时，把这个设置在90以上被认为是对你的网站不好的做法，因为它会增加文件的大小，只会对图片的渲染产生很小的影响。

通过分析和最大化其边缘的脆性，锐化可以使你的照片锐化。你完全控制了对图像的锐化量，半径(锐化效果的边缘像素值)，以及阈值(被认为是边缘像素的像素——越低，锐化效果越强)。

这个故事的寓意？记住，生活是一种平衡的行为，你的摄影网站也不例外。