网站图片优化目的和操作

  众所周知的网站图片优化无非便是对图片大小的操控和alt的优化。但仅仅仅仅这样吗？这样的理解方式是不是显得太粗浅了呢。下面SEO共享一些干货给咱们。

    1、 网站图片优化目的

    （1）削减网页体积，进步加快加载速度。

    （2）做图片阐明，促进搜索引擎对图片的辨认。

    2、图片alt的书写

    因为搜索引擎关于图片的辨认技术还达不到要求，所以需要用文字对图片进行阐明，让搜索引擎辨认图片内容，增强搜索引擎对网站的内容辨认和信任，然后取得杰出的展示。

    而alt正是对图片做阐明的属性标签。咱们需要在alt中写出相应文字对图片进行阐明。

    那么alt如何书写就成了图片优化的一个重点了，因为图片或许会涉及到拍摄角度以及一些顺序排列。alt就会呈现“正面”“侧面”“反面”“图片1”“图片2”等阐明。

    如何书写alt呢？参阅了一些站长的做法，用数据结构化来书写。或许咱们不是很懂，下面举2个例子。

    例1：

    alt="某某网站-婚纱照-浪漫婚纱照-正面"

    alt="某某网站-婚纱照-浪漫婚纱照-侧面"

    alt="某某网站-婚纱照-浪漫婚纱照-背部"

    例2：

    alt="某某网站-小吃做法-酸菜鱼做法-过程"

    alt="某某网站-小吃做法-酸菜鱼做法-过程二"alt="某某网站-小吃做法-酸菜鱼做法-过程三"这样的写法，就很好的向搜索引擎诠释了该图片的分类及内容，还有助于品牌展示，不要以为没有用；在百度图片搜索中也会有不少流量来历，图片描述的品牌展示，又是一种推行和获取流量的方式。

    提示1：当然切记不要用图片alt去堆砌关键词，这种做法显然违背了清风算法规则了。

    提示2：不要每张图片的alt阐明都是相同的，这显然是不科学的，不同的图片，天然表明的内容不同，alt也应该不同。就算是同一张图片，也尽量防止alt完全一致，防止堆词嫌疑。

    3、图片格局及大小挑选

    1、jpg是有损紧缩，多次紧缩后会影响质量的。

    2、png-24支撑阿尔发半通明，这是jpg和gif不具备的,当然ie6不支撑png-24。

    3、png-8较高也只支撑到256色和gif相同。

    4、gif和png-8只支撑通明/不通明，即不支撑半通明。

    5、jpg、gif、png都支撑交织模式，即多路径下载，这样当网速不流通，或加载大图时，会先显现含糊的图像，直到较明晰，不会什么都看不到，能加强用户体会，但交织模式会添加文件体积。

    通常情况下，网站中多数运用的是png和jpg格局的图片。可是png格局的图片一般精度较高，图片所占空间就比较大。在网站图片要求不高时可尽量选用jpg，紧缩后就算有点丢失，只需不影响图片正常阅览体会就行了。

    当然在图片尺寸非常小的情况下主张挑选png格局，防止图片失真严重，影响阅览体会。

    网站的加载速度是网站优化的重点，用户等待时间过长必定会使其讨厌然后丢失客户。降低图片体积，将大大加快网站的加载运转速度。

    4、大图与切图优化阐明

    一个网站必不可少的有一些大图，特别是网站banner图。这儿小编只能说尽量少用，在不失真的情况下，尽量将图片紧缩。那种几M大的图片千万不要呈现，太影响加载速度了。

    有的人会说虽然上传的图片很大，可是用css限制一下不就行了，显现出来的图片标准也不会很大。可是这并不能改变图片自身所占空间的内存，所以用css改变图片大小仅仅优化了网站阅览体会，关于加载速度的优化没有任何帮助。

    一张大图尽量保持在几十kb，或许100来kb也就差不多了，过大的体积，总会影响加载速度。

    将一张大图切图成几个小块，虽然会加快图片显现，但同时服务器恳求添加，网页加载速度还是会变慢。图片过多，体积过大的，在有条件时可挑选装备新的服务器用于寄存图片。

    5、缩略图的运用

    网站的缩略图对网页加载速度提升有很大帮助，当然缩略图或许质量与明晰度不太过关，只需不影响阅览体会就行，在详情页将明晰的图片显现出来即可。在许多商城站中表现的比较多。

    缩略图给不给加alt呢？有人说能够加，有人说不必加，如果咱们想要搜索引擎抓取索引内页图片而不是缩略图的话，就能够不加。如没这方面的需求则能够加上，看咱们自己挑选。

    搜索引擎优化工程师小贴士：网站的按钮图片，背景图片，相框，图片边框等都属于图片优化领域，记得要优化好。如仅是边框之内的东西，尽量用css代替，缩减图片，削减网页体积，进步加载速度。会mip改造的，也可运用mip改造。