页面加载速度对于搜索引擎优化排名和用户体验非常重要,但许多网站管理员往往忽视了通过图像处理和有效选择提高页面加载速度的问题。
简单理解图像处理就是通过选择图像的类型和修改图像的大小来优化图像,甚至有效地压缩图像,从而将图像对网页加载速度的影响降到。
在我们多年的SEO优化实践中,我们发现大多数网站加载速度慢,不是技术问题有多深,但往往是因为图像质量太高,导致页面尺寸太大,我们经常会遇到一个页面大于10米,这对于搜索引擎,特别是电子商务网站来说是无法想象的,如果它对搜索引擎没有效果的话,图像压缩和图像大小修改肯定会影响用户体验。
不要通过CMS自己的系统调整图片大小
一些常见的CMS系统只调整图像的大小,有些则是瞬时压缩。这个压缩比以前设置过,但是即使图像被压缩,它仍然会比上传前的正确压缩大25%。同时,它将占用部分服务器资源。
如果一个页面有多张图片,会有一定的影响,为此,我尽量在上传图片前进行有效的处理优化。
图像压缩
那么,在上传图片之前,我们需要做哪些更改?
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相比,WebP更加优秀和稳定。
但值得注意的是,只有某些浏览器才能获得良好的支持。
通过图像处理,进一步有效的压缩,在上传网站之前,可以大大减少图像量,这对提高网页加载速度非常有帮助。
标签: 网页设计