压缩图像大小根据图像格式是一个很好的方法来提高网页加载速度

来源:未知 浏览 384次 时间 2021-04-07 21:32

页面加载速度是非常重要的搜索引擎优化排名和用户体验但很多网站管理员经常忽略的问题提高页面加载速度通过图像处理和有效的选择。

一个简单的了解图像处理是优化图像通过选择类型的图像和修改图片的大小甚至有效压缩图像相关性外链甚至有效压缩图像从而减少图像的影响在web页面的加载速度。

在我们多年的SEO优化实践我们发现大多数网站的加载速度很慢不是因为技术问题的深度但往往因为图像质量太高导致太大的页面大小。我们经常遇到一个页面超过10米这对搜索引擎是不可想象的特别是电子商务的网站。如果它没有影响搜索引擎、图像压缩和图像大小修改肯定会影响到用户体验。

不调整图像大小通过CMS的系统

一些常见的CMS系统只调整图像的大小和一些使用瞬时压缩。这种压缩比之前设置但即使图像压缩它仍将超过25%正确的压缩后上传。与此同时它会占用服务器资源的一部分。

如果有多个页面上的图片它会有一定的影响。出于这个原因我试着制定有效的处理和优化之前上传的照片。

图像压缩

所以我们需要做什么改变之前上传图像?

1。调整图像大小

调整图像大小是非常重要的。如果你的图像是800像素宽网站建设我们需要做什么改变之前上传图像?

1。调整图像大小

调整图像大小是非常重要的。如果你的图像是800像素宽你只需要在网站上显示484像素宽的图像即使你在CMS调整它它需要压缩在800像素图像的所有信息这将使图像更大。

我们建议你改变图像的物理尺寸上传前484像素。尽管CMS将调整我们需要确保最初的形象是非常小的。

2。选择图片类型

首先你必须调整图像压缩上传。然而在上传问题不仅需要调整大小和压缩但也只是选择正确的文件类型。如今许多人处理图片网站上通常与图片没有经验所以他们用JPG当使用PNG反之亦然。

常见的文件类型:JPG GIF PNG和WebP。我们专注于JPG GIF和WebP。毕竟除了特殊网站gif是很少使用。

JPG图片JPG使用所谓的“有损压缩这意味着当文件被压缩一些数据将永久丢失。眼睛通常不能检测到数据丢失所以你可以得到一个更小的文件减少的数量减少。

当然这取决于保存JPG的质量。质量越低更多的数据被丢失。如果保存质量太低图像可能会出现“阴影”。如果你想避免这个问题请不要保存图像质量低于50%。

PNG

使用所谓的“无损”压缩。无损意味着保存文件时数据不会丢失。重新取样图像数据可以编译“近邻”(类似的颜色)但不会从文件中删除的数据。

PNG有两种类型:24位和8位。当你试图减少文件大小一个8位PNG设置是必需的。你可能需要进一步的PNG文件中删除的颜色。

WebP

WebP的优势在于它的图像压缩算法它可以减少图像体积小尺寸并支持无损无损的肉眼看不见的模式。相比之下JPG和PNG WebP更优秀的和稳定的。

但值得注意的是只有某些浏览器可以得到很好的支持。

通过图像处理进一步有效的压缩图像可以大大减少的数量之前上传的网站这是非常有利于提高web页面的加载速度。

标签: 图片格式压缩图片大小提升网页加载速度