Why|为什么要优化图片?
1、图像是网页的重要组成部分
根据号称“人类数字图书馆”的Internet Archive统计,图片占网页上需要加载总数据的比例达60%以上,也就是说,图像是任何网站的重要组成部分。
2、内容营销需要图文并茂
文字:虽然占用空间小,易读易懂,但纯文字枯燥乏味、缺乏吸引力。
图片:虽然直观形象,冲击视觉,有感染力,但占用空间大,且搜索引擎目前无法直接识别图片内容。
只有两者结合,才能充分发挥内容营销的价值,二者缺一不可!
How|怎样优化图片?
就是说一个网站我们应该选择多少张图片呢?没有固定的标准,正确的方式是根据网站页面位置的不同,结合实际情况来进行搭配,好的设计总是图文结合让人易懂,印象深刻。
- 体积:
需要说明,这里指的是一张图片有多少KB,而不是指像素/尺寸(就是图片的长宽度),从各种用户体验角度而言,在保证实际需求的情况下,应该选择体积小一点的图片,利于加载。
- 清晰度:
为了网站的整体美观度,图片的清晰度和色彩饱和度也需要注意。
- 格式:
常见的有jpg、png、gif、webp等,搜索引擎喜爱高质量而且加载速度快的图片,从这一点来说,我们首选jpg。
- 调整:
我们对图片的调整可以使用PS、美图秀秀、Windows画图工具等。
【https://www.photopea.com/】—在线PS工具网址
【Image Optimizer】图片压缩工具、网页插件可以对图片大小进一步无损压缩。
- 文件的命名:
× 错误命名:【IMG _65jpg 】
【QQ图片20171011154803.jpg】
√ 正确命名: 【steel tube.jpg】
- HTML标签:
Alt、 Title 、Src的使用,可以帮助搜索引擎蜘蛛更好的理解图片含义,提升用户阅读体验。
如Alt标签的使用:如果在图片加载不出来的情况下,如果使用了,仍可以显示文字内容,如下图所示:
如果不使用,就会出现下图这种尴尬的情况。
where|图片在哪里使用?
favicon:
如果我们设置了favicon,用户收藏网页的时候,会显示我们设定的图标,有利于品牌形象的建设,如果没有,就会出现下面红框中的空白。
全球搜的用户完全可以在后台进行简单的设置,就可以轻松完成以上的步骤。
在我们的网站中,banner、logo、新闻配图、产品配图、简介配图还有证书以及一些展示都需要配图,图片在网站中发挥着重要的作用,应该把图片的优化重视起来,才能达到我们预想的网站推广效果!
往期精彩回顾