Kware Tutorial Multimedia - Use Image Web

本文详细讲解在什么条件下使用图像和文本、如何加快图像的下载以及选择合适的图像格式。

何时使用图像

对于大多数图片来说，一张图片可能胜过千言万语。但还是要注意，没有人会注意那些饶舌的人。首先，也是最重要的一点，是要把文档的图形作为可视化工具，而不是将其作为无缘无故的装饰。它们应当支持文本的内容，并帮助读者在文档中导航。使用图像可使文档内容更清楚，还可以为文档加注释或示例。支持内容的照片、图表、曲线图、地图和图画等都是很自然的、很合适的选择项。例如，产品的照片对于在线目录和购物指南来说是非常关键的组成部分。还有具有链接功能的图标和印刷符号，包括具有动画效果的图像等，都可以是导向内容或者外部资源的非常有效的可视向导。如果某个图像对文档没有起到任何上述作用，那就应该把它丢到一边去！

在考虑向文档添加图像时，另外一个重要的考虑因素，就是在通过网络，尤其是通过调制解调器连接传输这个文档时，检索方面所带来的时间延迟。一般的普通文档最多可以容纳 10-15 千字节，而一个图像可以轻易地达到数百千字节大小。而且一个文档的总下载时间不仅仅是它所有部分加起来的总和，还要考虑网络负载所带来的延迟。

daga baya ga hanci kai tsaye (tana da bandwidth,bandwidth，adana ce a yi bps tana b/s ce a yi, kuma a daidai ce a kara yawa hanci kai tsaye, ana iya yiwa dokumentan 100 KB na taswira, an iya yiwa har ila 2:00 a matsayin kai tsaye, lokacin da yadda yau ba a daidai ce a kai tsaye, ana iya yiwa 57.6 Kbps da kai tsaye kai tsaye 15 da sada da kai tsaye a yau, kuma ana iya yiwa 9600 bps da kai tsaye kai tsaye kai tsaye 10 da sada da kai tsaye a yau. Kuma ka samu taswira na wannan?

kamar yadda ake samar da shirin tare da hanyar zane da kuma wasu multimedia, ana iya nuna cewa ake samar da shirin tare da hanyar zane. idancen da ake samar da shirin tare da hanyar zane, ana iya nuna cewa ake samar da shirin tare da hanyar zane. amma ake fiyace da ake fiya yi amfani da shirin tare da hanyar zane, domin a dace da abin da ake samar da shirin, kuma domin a dace da abin da ake samar da shirin.

idancen da ake fiyace da yawa ba a fiyace da yawa ba, kuma ake samar da amfani da hanyar web, ana iya nuna cewa ake samar da abin da ake samar da shirin tare da hanyar zane. idancen da ake yi imani cewa ake samar da shirin tare da hanyar zane, kuma ake samar da shirin tare da hanyar zane, ana iya nuna cewa ake samar da shirin tare da hanyar zane.

idancen da ake yi amfani da littafin

littafin na iya nuna cewa ake samar da shirin tare da hanyar littafin. idancen da ake yi imani cewa mutane za a iya nuna cewa ake samar da shirin tare da hanyar littafin, ake fiyace da ake samar da shirin tare da hanyar littafin. ake fiyace da ake samar da shirin tare da hanyar littafin, domin a dace da abin da ake samar da shirin, kuma domin a dace da abin da ake samar da shirin. amma ake fiyace da ake fiya yi amfani da shirin tare da hanyar littafin, domin a dace da abin da ake samar da shirin, kuma domin a dace da abin da ake samar da shirin.

idancen da ake samar da shirin daga wasu shirin dake da hanyar zane, ana iya nuna cewa abin da ake samar da shirin zai iya nuna cewa ake samar da shirin tare da hanyar zane, wanda zai iya nuna cewa abin da ake samar da shirin zai iya nuna cewa ake samar da shirin tare da hanyar zane. amma abin da ake samar da shirin dake da littafin da kuma wasu abubuwan da ake samar da su da yawa, ana iya nuna cewa ake samar da shirin tare da hanyar littafin.

idancen da yawa ba a fiyace da yawa ba, kuma ake yin aiki da ake samar da shirin da yana da alama na littafin. idancen da ake yi imani cewa mutane za a iya yin amfani da shirin zai iya nuna cewa ake fiyace da ake yi amfani da hanyar zane a cikin shirin, domin a dace da ba da sabon abin da ake samar da shirin. a cikin wasu wasu abubuwan da ake fiyace da ake yi amfani da su, ake samar da wasu wasu shirye-shiryen mai nuna shirin na kusa da shirin, domin a bace ga mutane da za a iya nuna cewa ake samar da abin da ake samar da shirin: wanda zai iya nuna cewa ake samar da shirin tare da hanyar zane, wanda zai iya nuna cewa ake samar da shirin tare da hanyar zane. (a cikin wasu wasu browsers, ana iya nuna cewa ake samar da shirin tare da hanyar zane, wanda zai iya nuna cewa ake samar da shirin tare da hanyar zane, wanda zai iya nuna cewa ake samar da shirin tare da hanyar zane. amma ake fiyace da ake fiya yi amfani da hanyar zane, domin a dace da abin da zai iya nuna cewa ake samar da shirin).

idancen da ake so da kuma ake yi imani cewa abin da zai iya nuna shine shirin da ke da hanyar web da yawa za a iya amfani da su, na iya nuna cewa alama yana da mahimmanci - kawai ake samar da hanyar zane, kuma ba a samar da zane mai zane da kuma zane da ba na wajibai. amma ake fiyace da ake fiya yi amfani da hanyar zane. idancen da abin da zai iya nuna shine hanyar zane, abin da zai iya nuna a cikin iminɗin web a cikin shirin zai iya nuna cewa abin da zai iya nuna shine abin da ba zai iya nuna ba.

saukiwa ga hanyar zane da ake samarwa

Kafin da a yi a yin tsare da a tsara abubuwan da a yin aiki don shirin, ana da sabon hanyoyin da za a yi amfani da su don kara yawan fassarar hanyar zane da tsuntsaye:

保持简单性

一个全屏的 24 位彩色图形，即使经过标准格式（例如 GIF 或者 JPEG 等）的数字压缩减少了尺寸，它还是会侵占大部分网络带宽。因此，最好使用各种图像管理工具来优化图像的尺寸，并将颜色的数目减为最少的像素数。简化你的绘图，也不要使用那些风景照片，并且避免在图像中出现大块的空白背景，和不必要的边框以及其他占用空间的元素。还要避免使用抖动效果（把两种相近的颜色混合起来已获得第三种颜色），这种技术会极大地降低图像的可压缩性。相反，要尽量使用大面积一致的颜色，因为用 GIF 或者 JPEG 格式可以很容易地对它们进行压缩。

重复利用图像

这一点对于图标和 GIF 动画尤其适用。大多数浏览器会在本地存储器把引入的文档成分进行缓存，这样在获得数据时可以更快，而且使用的网络连接也更少。对于较小的 GIF 动画文件，则要试着准备每个连续的图像，以便只更新那些在动画中发生了改变的部分，而不是刷新整个图像（这样也可以加速动画本身的显示）。

分割大文档

这是一个包含图像的一般原则。很多小的文档片段是用超链接（当然是用它了！）和有效的目录来组织到一起的，与整个的大块文档相比，这样可以让用户觉得更容易接受一些。一般来讲，人们宁愿在几个页面间翻来翻去，也不愿意浪费光阴等待下载一个大文档（这和电视频道浏览综合症有点相似）。一条好的经验是把每个文档保持在大小为 50 KB 左右，这样即使读者使用的是最慢的连接也不会感到厌烦。

必要时隔离大图形

为很大的图像专门提供一个链接，该链接可能是一个图像的缩略词，让读者决定是否需要花时间下载整幅图像，以及什么时候下载。而且，由于这样的图像不像内联图像那样和文档中的其他元素混在一起，因此很容易标识并保存在本地存储器上，以供日后研究使用。

指定图像的尺寸

最后，另外一种改善性能的方法是把图像矩形边界的高度和宽度都包含在它的标签里面。通过指定这些尺寸，就可以省去其他一些额外步骤，扩展功能的浏览器不必再用额外步骤下载、检验并计算图像在文档中的尺寸。然而，这种做法有一个不好的地方。如果用户关闭了自动下载图像的功能，浏览器还是会把为图像预留的空间以指定的尺寸显示出来。这样留给读者的通常是一个空的框架，虽然对于该问题还没有解决方案，但是我们还是鼓励您使用这些尺寸属性，因为我们鼓励一切能够改善网络性能的行为。

JPEG or GIF?

If the source of the image or your tool software is inclined to a certain format, you may only be able to use one of JPEG or GIF images. Now, both of these formats are widely supported by browsers, so there will be no problem with whether users can browse them.

However, we still recommend that you use certain tools to create or convert these two formats to fully utilize their respective functions. For example, you can apply the transparency feature of GIF to icons and small decorative symbols. And use JPEG to compress larger color-rich images to speed up download speed.

Kware Tag <img>

Kware Tag <img> allows the current document flow to refer to or insert graphic images. For more detailed information about this tag, please see: