5、高级网页图形设计全攻略

高级网页图形设计全攻略

1. 网页图形概述

网页若不支持图形内容，便难以如此受欢迎。图形赋予网页视觉吸引力，让用户沉浸其中。对于网页设计者而言，图形也至关重要，因其传达信息的能力往往比文字更强。

在网页上放置图像相对简单，只需使用 HTML 的 <IMG> 标签，该标签还有众多属性，可让你对图形的呈现方式进行精细控制。

使用图像时需做好规划，要思考想传达的理念、如何以图形最佳呈现该理念，以及选择何种图形格式最为合适。投入到图形内容的思考应至少与文本内容相当，甚至更多，因为读者快速浏览即可感知图像，而理解文本信息则需更多时间。创建网页图形不仅是制作插图，还需考虑图形文件格式（如 GIF、JPG 和 PNG）可能实现的特效是否合适。

对于 GIF，需考虑以下问题：
- GIF 是否应为透明的？
- 是否应采用隔行扫描？
- 是否要做成动画？

对于 JPEG，则可考虑：
- JPEG 应压缩到什么程度？
- 是否应为渐进式 JPEG（类似于隔行扫描的 GIF）？

此外，还需考虑颜色、深度、纹理、滤镜、投影、浮雕等视觉效果。同时，要尽可能减小图形文件大小，以缩短下载时间。

2. <IMG> 标签的使用及布局考量

当图像存储好并准备发布到网页时，需使用 HTML 的 <IMG> 标签将其放置在页面上。 <IMG> 是独立标签，具有以下属性：
| 属性 | 用途 |