厦门智多星专注厦门seo,seo优化,seo外包,提供专业级seo顾问及网站建设服务!
打开客服菜单
智多星网站建设seo官网
厦门网站优化 > seo优化|网站优化 > 3个图片优化技巧
3个图片优化技巧
编辑 :

网站建设

时间 : 2019-04-16 12:24 浏览量 : 14

seo顾问】3个图片优化技巧

人们喜欢快速网站,百度也是如此。

事实上,网站的打开速度是影响百度等搜索引擎结果的重要排名因素

如果您的网站加载速度很快,那么当人们搜索您的品牌时,它就更有可能出现。这一点以及快速站点提供更好的用户体验(UX)的知识意味着更快的网站可以带来更高的转换率。

如果您的网站没有按照您的意愿加载,那很可能是您的图片受到责备

以下是人们为优化网站图片所犯的一些常见错误

图像太大了

许多营销人员和发布商喜欢在他们的网站上使用大型高分辨率图像,认为这些图像将提供更好的用户体验。

问题是高分辨率图像通常具有非常大的文件大小,并且需要很长时间才能加载,尤其是当同一网页上有多个图像时。

我们已经看到许多发布商在其博客或内容帖子中上传2Mb到5Mb范围内的图片。这种图像尺寸对于网络来说太大了,并且是减慢网站速度的最常见错误之一。

如果您的图像大于500kb,可能会出现问题,图像可能会被压缩。

在将新图像上传到您的网页或博客文章之前,请记住以下提示:

  • 在上传任何图像之前,请仔细检查文件大小(右键单击图像,然后选择属性)

  • 保持图像文件大小低于500kb(如果可能,低于100kb)

  • 有许多在线工具可以帮助您压缩图像以获得更小的文件大小,例如ioCompressJPGTinyPNG

  • 如果使用Photoshop准备图像,请注意尺寸并确保将DPI设置为72dpi(图像/图像尺寸)并记住“保存为Web”以控制最终输出的文件大小。

  • 将图像转换为适当的文件类型。在大多数情况下,您会想要使用JPG。但是,如果您的图像使用透明度(例如带有“透视”背景的图像),则需要使用PNG。有一些罕见的情况,GIF是最好的,但是,如果有疑问,总是使用JPG。

一个具体的例子:一个独家的在线设计师鞋类品牌在其时尚网站上使用了大量的大型横幅和产品图片,将Google PageSpeed得分降至20/100。

我们创建了每日cron作业(每天运行的自动化任务),以自动将大图像调整为较小的Web标准,同时保持良好的质量。

在下面的屏幕截图中,我们将图像的文件大小从1.3MB减少到仅142KB。

图片优化技巧

图片优化技巧

只需缩小图像文件大小,我们就会将Google PageSpeed得分从20/100提高到58/100。

自动缩放图像

图像的另一个常见错误是自动缩放大图像,因此它们显示的比实际小。

对于开发人员和内容创建者来说,这样做通常更方便,但实际上可以减慢网站的速度。

例如,帖子中的大照片横幅也可能用作网站上其他位置的小缩略图。

开发人员,而不是创建多个版本的图像(例如横幅为1000×425,侧栏为64×64),使用代码自动缩放相同的大图像以显示为小缩略图。因此,不必要地加载大图像。这缩短了开发时间,但页面速度付出了代价。

更不用说,自动缩放的图像最终看起来会变形,因为它们已被代码拉伸。例如,下面的缩略图从1000×425像素自动缩放到64×64像素,并变得失真。

图片优化技巧

图片优化技巧

在您的网站上多次使用相同的图像时,请留意。如果您的网站需要在12个位置使用12种不同的尺寸变化(例如25×25,40×40,200×200,658×258,56×56,64×64,92×92,150×156,110×110 ,160×160和180×180)这可能太多了,你可能想把它限制在4以下。

然后为每个不同的大小创建一个单独的图像,并加载正确大小的图像版本,而不是自动缩放大图像看起来比实际小。

缓存(发音为“cashing”)是将数据存储在称为缓存的临时存储区域中的过程。例如,您可能已经注意到,您过去访问过的网站加载速度比您从未去过的网站加载速度快。这是因为访问过的网站是由您的计算机缓存的。

CDN(内容传送网络)是服务器网络,其基于用户的地理位置从网站向用户传送高速缓存的内容(例如图像)

例如,如果您在纽约,并且正在查看来自印度的网站,则可以从实际位于纽约的服务器加载图像,而不是从世界各地加载图像。

使用CDN缓存的站点可以更快地提供图像和其他静态内容,尤其是在高峰流量时,因为图像不是直接从Web服务器加载,而是从速度更快的缓存服务器加载。

除此之外,CDN还可以帮助您同时为更多访问者提供服务。如果您的网站遇到突然或意外的流量峰值,CDN可以使您的网站有效运行。

  • 超低建站费用

  • 具备营销能力

  • 强大SEO功能

  • 贴心售后技术支持

cache
Processed in 0.004068 Second.