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的使用，可以帮助搜索引擎蜘蛛更好的理解图片含义，提升用户阅读体验。

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

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

where|图片在哪里使用？

favicon:

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

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

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