如何优化网站产品图片?
By: 全球搜 2019年08月21日

如何优化网站产品图片?

Why|为什么要优化图片?

 

1、图像是网页的重要组成部分

根据号称“人类数字图书馆”的Internet Archive统计,图片占网页上需要加载总数据的比例达60%以上,也就是说,图像是任何网站的重要组成部分。

 

2、内容营销需要图文并茂

文字:虽然占用空间小,易读易懂,但纯文字枯燥乏味、缺乏吸引力。

 

图片:虽然直观形象,冲击视觉,有感染力,但占用空间大,且搜索引擎目前无法直接识别图片内容。

只有两者结合,才能充分发挥内容营销的价值,二者缺一不可!

 

 How|怎样优化图片?

1、图片的数量

就是说一个网站我们应该选择多少张图片呢?没有固定的标准,正确的方式是根据网站页面位置的不同,结合实际情况来进行搭配,好的设计总是图文结合让人易懂,印象深刻。

 

2、图片的大小
  • 体积:

需要说明,这里指的是一张图片有多少KB,而不是指像素/尺寸(就是图片的长宽度),从各种用户体验角度而言,在保证实际需求的情况下,应该选择体积小一点的图片,利于加载。

 

  • 清晰度:

为了网站的整体美观度,图片的清晰度和色彩饱和度也需要注意。

 

  • 格式:

常见的有jpg、png、gif、webp等,搜索引擎喜爱高质量而且加载速度快的图片,从这一点来说,我们首选jpg。

 

  • 调整:

我们对图片的调整可以使用PS、美图秀秀、Windows画图工具等。

【https://www.photopea.com/】—在线PS工具网址

 

【Image Optimizer】图片压缩工具、网页插件可以对图片大小进一步无损压缩。

 

3、可读性 
  • 文件的命名:

×  错误命名:【IMG _65jpg 】

                      【QQ图片20171011154803.jpg】

√  正确命名:   【steel tube.jpg】

 

  • HTML标签: 

Alt、 Title 、Src的使用,可以帮助搜索引擎蜘蛛更好的理解图片含义,提升用户阅读体验。

1

 

如Alt标签的使用:如果在图片加载不出来的情况下,如果使用了,仍可以显示文字内容,如下图所示:

 2

 

如果不使用,就会出现下图这种尴尬的情况。

 

3

 

where|图片在哪里使用?

 

 未标题-1

 

favicon:

如果我们设置了favicon,用户收藏网页的时候,会显示我们设定的图标,有利于品牌形象的建设,如果没有,就会出现下面红框中的空白。

 

5

 

全球搜的用户完全可以在后台进行简单的设置,就可以轻松完成以上的步骤。

 图片10

 

 f9db1b4f

在我们的网站中,banner、logo、新闻配图、产品配图、简介配图还有证书以及一些展示都需要配图,图片在网站中发挥着重要的作用,应该把图片的优化重视起来,才能达到我们预想的网站推广效果!

 

 695ddc78

往期精彩回顾

如何优化你的YouTube视频?

如何设置产品名称?

 7097849a

 

在线客服

全球搜在线客服

服务号
播放
全球搜视频