SEO优化中哪种图片格式更好？图片该怎么做优化？
<p>这是一个大家都不会陌生的问题，可以说是一直以来我们都很关心很在乎的SEO优化——图片SEO优化。今天就来给大家分享关于SEO优化中图片的格式，图片大小等优化方法。
</p>
<p class="bjh-image-container cant-justify">
<img src="https://pic.rmb.bdstatic.com/36ab0dc6c8ee2de29143199ef0518e15.jpeg@wm_2,t_55m+5a625Y+3L+mZhuafj+eGug==,fc_ffffff,ff_U2ltSGVp,sz_24,x_15,y_15" title="?tle插图?m" alt="?tle插图?m" />
</p>
<p class="bjh-image-caption">
SEO优化
</p>
<p>
图片优化我们最常见的就是添加alt属性，有利于帮助搜索引擎识别图片信息：<strong><img src=”/seo.jpg” alt=”SEO优化图片”></strong>，如果在图片的代码上添加了alt标签，当图片没有加载出来时，会显示为文字，有利于用户体验，对于搜索引擎来说，搜索引擎本身对图片的识别能力是很弱的，但是搜索引擎识别alt这个属性，也认识其中的文字，只要加一个说明，搜索引擎就知道这是一张什么样的图片了，从而对该图进行抓取和索引。
</p>
<p>
当用户在搜索引擎上搜索图片的时候，就会展示给用户，有时候从图片搜索进入网站的流量也是很客观的，这就是为什么要做图片优化的原因。
</p>
<p class="template_3 color_3287FF">
<span class="count">01</span><span class="content">什么样格式的图片更有利于SEO优化</span>
</p>
<p>
有没有发现一个网站可以上传的图片格式是很多的，那么什么格式的图片更有利于SEO优化呢，这个问题或许很少有人去分析。
</p>
<p class="bjh-image-container cant-justify">
<img src="https://pic.rmb.bdstatic.com/9967089e2948493ba35d21bc7c1a2dd2.jpeg@s_0,w_2000|wm_2,t_55m+5a625Y+3L+mZhuafj+eGug==,fc_ffffff,ff_U2ltSGVp,sz_50,x_32,y_32" title="?tle插图?m" alt="?tle插图?m" />
</p>
<p>
常见的图片格式有jpg(jpeg)、png、gif、bmp及svg等格式，我们网站到底该使用哪一种格式更好？这个其实也和网站的运营有关系。
</p>
<p>
<strong>一、图片体积与SEO优化的关系</strong>
</p>
<p>
由于不同格式的图片清晰度、体积大小等各不相同，一般情况下上传到网站上面的图片体积要尽量小，这有利于用户打开网页的速度，其次是可以节省我们的服务器空间；因为搜索引擎在抓取一个页面时，会连同js、css文件及图片全部抓取，如果图片太大这个网页的体积就会随之增大，影响整个页面的收录。
</p>
<p>
其次图片的色差及饱和度问题，png作为网页上大行其道的图片，体积小，有利于网页的加载速度，不过经过png处理之后的图片会和原图有较明显的色差及清晰度问题。
</p>
<p>
图片的体积大小顺序由小到是：png＜jpg(jpeg)＜gif＜bmp，很的设计比较喜欢用png作为元素图片，原因之一就是体积小，其次才是透明。可以看到bmp格式的图片最占空间，png体积最小，那么理论上完美的网站图片也应该使用png最合理，实际上是不是呢，请继续阅读。
</p>
<p class="bjh-image-container cant-justify">
<img src="https://pic.rmb.bdstatic.com/4f3efe1cdf6422f7d724a4a91e16dc55.jpeg@s_0,w_2000|wm_2,t_55m+5a625Y+3L+mZhuafj+eGug==,fc_ffffff,ff_U2ltSGVp,sz_50,x_32,y_32" title="?tle插图?m" alt="?tle插图?m" />
</p>
<p>
<strong>二、图片的清晰度</strong>
</p>
<p>
网页排版再好，内容再优质，如果你上传了一张模糊的图片，用户体验一下子就降低了很多，第一感觉就不好！搜索引擎蜘蛛本质上是模拟用户去访问你的网站页面，用户看到是什么样的网页和图片，蜘蛛看到的也是一样。
</p>
<p>
图片的质量清晰度从优到差的顺序是bmp＞jpg＞gif＞png。也就是说bmp格式的图片质量最好，而png格式的图片质量是最差的。
</p>
<p>
<strong>三、关于gif动图</strong>
</p>
<p>
一个网站页面上的动图太多其实对用户体验并不好，而gif图片的体积也会相对较大，如果是高清的gif图片，会超过几MB，这样会严重的影响网页加载速度。
</p>
<p class="bjh-image-container cant-justify">
<img src="http://pic.rmb.bdstatic.com/457b3863d2a643c1cfaedb9eda5f4434.jpeg@s_0,w_2000|c_1,w_2000,h_1334,x_0,y_143|wm_2,t_55m+5a625Y+3L+mZhuafj+eGug==,fc_ffffff,ff_U2ltSGVp,sz_50,x_32,y_32" title="?tle插图?m" alt="?tle插图?m" />
</p>
<p>
<strong>四、适合于SEO优化和网站运营的图片格式</strong>
</p>
<p>
经过上面的分析，我们在选择图片时①要考虑到网站的加载速度，图片的体积越小越好，这对用户打开网页和搜索引擎抓取页面都有帮助，所以优先选择应该是png，jpg，gif，bmp这样的顺序，②是要保证图片的质量即清晰度，图片不能太过于失真，那么在满足前面第一条体积的情况下，可供选择的就是jpg和png格式了。
</p>
<p>
<strong>综上可得，满足条件适合于网站的优质图片格式是从优到差的顺序是jpg＞png＞gif＞bmp，这个排序及利于用户体验，也利于SEO优化。</strong>
</p>
<p>
因为一个网站也不可能规定只允许使用一种图片，所以我们要尽可能使用jpg格式图片，其次是png格式，尽量少使用gif动态图，避免使用bmp格式的图片。
</p>
<p class="bjh-image-container cant-justify">
<img src="http://pic.rmb.bdstatic.com/c1ce67e892a7682992386b251f59b522.jpg@w_640|wm_1,k_cGljX2JqaHdhdGVyLmpwZw==" title="?tle插图?m" alt="?tle插图?m" />
</p>
<p class="template_3 color_3287FF">
<span class="count">02</span><span class="content">图片的尺寸问题</span>
</p>
<p>
几乎很多的网站在上传图片时对尺寸是没有限定的，也就是随心所欲，不论大小只要传了图就是万事大吉。
</p>
<p>
其实对于图片的尺寸也是应该适当的规范一下，通常搜索引擎喜欢的尺寸是：3:2、16:9、3:4和1:1这几个比例，可以在上传图片的时候按照比例进行裁剪后再上传。
</p>
页:
[1]