图片具有□□一目了然□□□地效果，如果网站□□图片运用□□□的好，不但让网□□□□站显得好□□□看，而且可以□□让用户更□□易了解网□□站的主题。但是图片□□比文字占□□用字节多，图片太多，网站打开▼速度太慢◥也影响用□□□户体验，所以今天○OETY欧亿□□□□教大家如□□何处理好□□图片，不但加快□□□图片加载◈速度，而且让图□□□□片搜索引□□擎收录。



经常做网站运营的人·都知道在□□□□网站的建□□□□设中需要□□□加入大量□□□的图片，而图片链▲接的好与△坏也将直□□接影响着□□□网站的排□□名与浏览□□□□量，但是在网♦站中添加□□□□图片最易□□□□出现的问◇题是会影□□响网页打▽开的速度。图片中往□□□□往承载着□□□大量的信□□□息，相对来说丨用户也更□□□□喜欢图文□□□□相结合的□□□文章，故而在网□□□□站维护优□□化过程中□□□怎么样既❖能保证网□□□□页的打开□□□速度，又能让图□□□□片完整地▽出现在用◇户眼前呢？那么就必◤须要了解□□□网站图片□□□的优化技□□巧。

一、图片超链接的设置

在网站与□□□网站间建□□□立友情链□□□□接时，最常碰见□□□的是图片❖的链接，对于这种□□情况，最好的优□□□化方法是□□建立图片□□□□的超链接，这样做有○两点好处：
1、可以增加□□□□搜素引擎•蜘蛛爬到□□图片所指◣页面的机□□□率，这个可以□□□□通过内链□□□接实现，但需要注◆意的是此□□链接最好□□□□与原文有★一定的相□□关性；
2、为图片添加链接地址，也有助于用户得到更多、更丰富的知识，了解更有深度的文章，从而增加文章的可读性。

二、图片的压缩方法

一般的图●片要加到□□文章，不可避免◤地要进行□□□□一些压缩，而压缩最□□□□常碰见的□□□□状况是有□□□□损压缩与□□无损压缩，具体选择□□□哪一种压□□□□缩需要网◣站根据实△际的建设□□情况来确□□□□定。
1、有损压缩
有损压缩○指的是在◢图片压缩▽的过程中◈损失一些◈信息量，它的特点○是保持图□□□片颜色的□□□逐渐变化，通过人眼□□观察到的◇方式观察□□整个世界， 它会使附□□近的颜色○发生渐变，但是不会□□图像的还□□原度质。
2、无损压缩
无损压缩□□□□是指利用★数据的统♦计冗余进□□□行压缩，可以使数□□□□据完全压□□缩而不会□□□引起任何□□失真，它会真实□□□记录每个◢像素点相★关数据信◎息，它的压缩□□原理是将□□□□相同颜色□□□的记录进□□行统一保□□□存压缩，不同的数□□据另外单□□□独保存，即使经过□□□多次存储□□□□也不会造○成图片品□□质的降低。
一般来说，图片优化▽的无损压□□□□缩要更符□□合用户体□□□□验的需求，通常为了□□□加快网页▲打开的速□□□度并且节★省宽带会□□□选择一些□□特殊的图□□□片编辑进▲行压缩图□□片，当然，不同网站□□□□的图片优□□□化可以选□□□择更适合□□□□自己的方□□式。

三、添加图片的ALT属性

图片添加ALT属性后，在不可识□□□别的系统□□环境下可□□□以转化替☆换为文本，它对于网✦站维护优□□□化有着非□□□常大的帮□□助，需要注意□□□□的是在为□□图片添加ALT属性时在□□□□添加相应□□□□的关键字，再加上一□□□□些关键性□□□□的描述，这样不仅□□使图片看□□起来更加□□□□声文并茂，同时可以□□增加搜索□□□引擎的识□□□别率。

四、图片优化时需要保持一致性

在上传图•片对于图□□□□片的大小♦要做固定☆的限制，一来可以□□保持整体□□□□网站的美△观度，二来也可□□□□以提升网□□□站加载网□□页的速度，
网站图片□□优化的技❖巧有很多，掌握这些□□□高效的图□□片优化技□□□巧，不仅有助□□□□于让用户□□□获得更高□□□□极的体验，而且在一□□□□定程度上◈可以提升□□□网站的建□□设与美观。

网站图片□□的运用是□□□设计师的□□□□事情，但是网站○图片优化□□□□则是前端□□工程师和□□□程序员的□□□事情，运用好图□□片，把握好网□□站每一个◥质量关口，才能打造□□出色的网□□站。