成都网站建设|域名注册|虚拟主机|网站制作|网站案例|网站优化|网站推广|企业邮局|服务器租用|广告设计
网站建设中图形非常有趣，非常诱人。图形能够以快速，令人难忘的方式，传递出信息，而且图形的美化装饰作用，可以大大提高网站吸引力。 网站建设中图形非常有趣，非常诱人。图形能够以快速，令人难忘的方式，传递出信息，而且图形的美化装饰作用，可以大大提高网站吸引力。事实上，我们期望所有的专业网站上都运用图形，以至我们认为，那没有漂亮图形的网站都是业余的网站，但是，我们始终牢记：图形的作用应该是使访问者注意那些真正的信息和内容，而不是分散访问者的注意力。 图形增加了下载页面所需的时间，而且，其本质决定了，图形都是较大文件--只比音频和视频文件小，当了解到我们的目标受众使用的是快速internet连接时，大的图形文件，以及由此造成的下载时间长，因此，多大多公共访问Web页面应该尽量降低文件大，小包括图形文件。 因此我们必须要慎重地选择所使用的图形，每个图像都应该进行优化(压缩)，而且都应该具有真正令人惊奇的效果，以抵消访问者为此付出的带宽。因此我们在使用图片的图片的时候都要坚持几个原则，这样才能够达到我们想要web视觉设计效果。 一、避免使用不必要的图形 只有当使用图形可以增加下载点击数时，才使用图形，即使只是为了美化页面，也，没有关系。只要图形能够真正支持网站的主题，另一方面，把图形当做简单的水平分割线，会增加下载时间，而且不支持任何真正“货真价实”的东西。或许，标准的<hr/>标签，同样可以出色地完成这个任务。 同样地，我们可能想要避免导航图形(而非文本链接)用于大部分的网站导航。想一想：如果网站上有50个主要导航链接中，每个导航链接都需要具有独特文本的按钮，而每个按钮还有一个翻转按钮，其结果是：仅仅对于网站导航，就要下载100不同图像，而且还要维护这100图像，由于这种图像膨胀，许多网站都放弃了几年前流行的“文字按钮”外观。 二、以适当的格式保存图像 如果我们使用错误的文件格式保存一图像，将造成文件体积不必要的变大。通过合适的优化设置，选择合适的文件格式，则可以大大缩小文件体积。 三、重复使用图形 第一次引用一个图像时，下载这个图像至访问电脑上浏览器的缓存中，之后，不是从服务器中检索这个图像，而是从访问者的硬盘进行检索。这意味着，快速显示。因此，可以接受体积较大的logo和导航栏文件，但是要注意的是，只有当url相同的时候，浏览器才会重复使用一个图像，另外给大家一个建议就是在做页面布局的时候网站建设的美工最好能够把网站中的图片都放到大图上，用css定位这样网页的加载的速度会成倍增加。像太传媒网站的布局图 四、缩小图像尺寸 图像的大小刚好满足要求即可，不要太大。如你所料，较小的图像载入速度更快。缩小图像尺寸的一个方法是，裁剪掉队图像效果无关紧要的背景，我们还可以缩小图像的总尺寸。如果必须使用大图像，考虑使用连接较大图像的素略图(较小的图集)，从而让访问者选择，是否等待查看大图。 五、适当的使用height和width属性 标签上的height和weidth属性，浏览器也能计算出图像尺寸。不过，明确指定这两个属性，使得浏览器不用进行任何计算，从而加快页面的加载速度。而且因为浏览器在载入图像之前，先载入文本，所以在图像实际出现之前，浏览器可以为图像留出适当的空间。因此文本立刻出现在自己的位置，而不是图像一个一个出现在页面上时，不断地重新排列文本，以配合这些图像。 注意：用height和weidth属性缩小图像尺寸，不会缩短下载时间，因为浏览器仍然需要下载原始图像;用height和wedth属性增大图像尺寸，会严重降低图像的质量，如果需要调整图像的大小，在图像编辑程序中欲与调整，不要在浏览器中进行调整。 六、在所有的图像中使用alt属性 alt文本具有很多优点，1、他可以显示在屏幕阅读器中，这样视觉受损的访问者可以了解图片的用途。2、当图像链接失效，或当图像在浏览器中被关掉时，显示alt文本。3、在新版本的浏览器中，鼠标滑过图像显示alt文本，为所有的浏览者提供详细信息。4、alt文本可以由搜索引擎编入索引，而且可以提高网站的检索字排名。但是内嵌在图像本身的任何文本，都不会出现在搜索引擎在中。 如果图像中含有文本，那么alt属性通常应该重复相同的文本，否则，alt文本应该描述出图像的用途，如果图像纯粹是装饰之用就是用空的alt属性，那样屏幕阅读器无需浪费时间，阅读无意义的文本。
更新时间：2013-08-14
