页面加载速度对于SEO排名与用户体验都非常重要,但有很多站长经常忽略一个问题,就是通过对图像处理,以及有效的选择,来提升页面加载速度。

那么,在上传图片之前,我们需要进行哪些改动呢?

1、调整图像大小

调整图像大小非常重要,如果您的图片宽度为800像素,而且您只需要在网站上显示484像素宽的图片,那么即使在您的CMS中调整大小,也会要求它压缩800像素图片中的所有信息,这会让图像变的更大。

这里建议大家在为上传之前,改变图片的物理大小到484像素,尽管CMS还会进行调整,但我们要保证初始图片就很小。

2、选择图像类型

首先你必须调整图像大小,压缩,然后上传。

但是,在上传问题之前,不仅要调整大小和压缩,还要简单地选择正确的文件类型就成了问题。

现在很多在网站上处理图片的人往往没有图像的经验,所以他们会在使用PNG的时候使用JPG,反之亦然。

常见的文件类型:JPG,GIF,PNG和WebP,我们重点说下jpg,gif,webp这三种形式,毕竟除了特殊站点,很少用到gif。

  • JPG

JPG使用所谓的“有损”压缩,这意味着一些数据在文件被压缩时永久丢失。

眼睛通常不容易察觉到丢失的数据,所以你得到一个较小的文件,降低最小。

当然,这取决于保存的JPG的质量。

质量越低,丢失的数据就越多。

如果保存的质量太低,则图像可能会出现“阴影”,如果你想避免这个问题,保存图像时不要低于50%的质量。

  • png

使用所谓的“无损”压缩。

无损意味着当文件被保存时,数据不会丢失。

图像被重新采样,编译数据时可能使用“最近邻居”(相似的颜色),但数据不会从文件中删除。

有两种类型的PNG:一种是24位,一种是8位。

当您尝试减小文件大小时,您需要8位PNG设置。

您也可能想要更进一步,并从您的PNG文件中删除颜色。

  • WebP

WebP的优势体来源于它的图像压缩算法,它能够在保证肉眼看不出来的情况下,把图片体积减少到最小并且支持有损与无损的模式,相比JPG与PNG更加优秀与稳定。

但值得说明的是,只有部分浏览器能够得到很好的支持。

总结:通过对图像的处理,进一步的有效压缩,在上传网站之前,可以大大减少图片体积,这对提升网页加载速度很有帮助。

推荐:

提高移动端用户体验的8种方法, 你知道吗?

如何优化网站加载速度, 提高用户体验!

关于网站跳出率优化,SEO人员你应该知道这几点!

长春seo https://www.seozhi.com/youhua/59.html 转载需授权!

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。