如何通过图像提升网站建设效果，让用户一眼爱上我的网站？

谨记... 说实话，咱就是说网站建设这事儿，图像是很重要的一环，你懂的。

图像优化：让你的网站更“亲民”

第一：网页访问者往往没有耐心， 你的图像可能很酷，但是如果它们对于快速下载来说太丰满，很少有人会坚持到再说说以求一睹它们的尊容，这家伙...。

哈哈，这年头，谁愿意等呢嗯？

捡漏。 幸运的是网页设计者可以使用一些技巧和优化来加速图像和页面的下载。

砍掉多余的图像

泰酷辣！ 不必要的就不要， 其实没有什么特别的技巧，做其它事之前，从你的页面中把所有多余的图像去掉。

拯救一下。 这里“多余”不是指你们公司的标志或你们办公室的地图， 我们是指那个精明的、在“发邮件”旁边的动画信封。

也许在你的页面底部还放着随处可见的某某浏览器按钮， 说实话，有多少人没听说过这些产品呢，实不相瞒...？

在网站中减少一个琐碎的10KB的图形文件可能对整个网站改进不大， 但是如果你的整个页面才40KB，减少10KB就可以减少25%的下载时间-减少一个跳舞婴儿的按钮还是合算的，咱就是说。

GIF还是JPEG？

拉倒吧... 除非你想得到ARCHIE或GOPHER一样的火箭速度，你总会用到一些图形。

开始时 确定一个图像用GIF格式还是JPEG格式，这看起来很基本，但是还有一大部分网页犯这样的错误，深得我心。。

GIF用在看起来干脆整洁的小图形上是很好的， 但是不会超过256色， 我CPU干烧了。 GIF也可存为“透明色”-允许图形有不规则的边界。

简单的公司标志、 小按钮和导航条是应用GIF图形格式的很好的例子，不象JPEG， 从头再来。 GIF是一种无损失的压缩格式，所以你的图形不会变得模糊不清。

不对不对， 应该是如果图片很大，GIF文件会很大，下载时间也会很长，这时候就该JPEG出场了！

JPEG文件可以显示几千种颜色， 而且压缩率比GIF文件高，它们很适合照片方式的图像， 躺平。 不过压缩成JPEG文件时会损失一些照片的细节。

尺寸也很重要

当你使用图形编辑器时 保证图形尺寸与将要在网页上显示的相同，在HTML中， 我懵了。 用标记的WIDTH和HEIGHT属性重述图像的实际尺寸。

这可以使浏览器在图像下载时一边呈现页面的其余部分-于是人们在等待图像是有其它东西读-并且保证在“关闭图像”浏览时可以看到正确的页面布局。

白嫖。 如果你在页面中使用表格， 图像尺寸非常重要，主要原因是没有定义尺寸的图像会迫使浏览器清除和重绘页面这种情况发生在当浏览器按照和来建造表格，然后却发现表格单元中的图像没有尺寸参数却太大而不能放在表格中时。

缓存：你的好朋友

有一个使图像下载更快的重要技术， 那些在网站中重复出现的图像-比如通用标志、页首或导航条-不必一遍一遍地下载。

行吧... Netscape和Internet Explorer在RAM或硬盘上设置缓存来存储最近用到的图像， 如果浏览器认识是相同的文件名，它会读缓存，而不是从网上下载，这种方法大大地提高了效率，以至于很多自动记时程序无法识别-你只好用跑表自己测测了害！

既然客户端的缓存如此有用， 在设计网页时就应考虑到浏览器的缓存，比方说如果网站有大量相似的页首图形，应试图把它进行分割，使其中不变的部分能从缓存中立刻读出来虽然在每页还要调用一个新图，主要原因是这个图很小，所以下载很快，你懂的，还行。！