让 你 的 页 面 更 快 出 现 的 锦 囊 妙 计

作 者 : 尖 椒 土 豆 丝

   
      当 然 , 如 果 想 让 网 虫 们 被 你 的 主 页 所 吸 引 , 精 彩 漂 亮 的 图 像 无 疑 是 首 要 的 ,如 果 加 上 一 些 动 画 更 佳 。 然 而 , 太 多 的 图 像 将 导 致 访 问 者 对 你 的 网 页 失 去 耐 心 , 而 没 有 任 何 链 接 的 图 像 尤 其 令 人 讨 厌 。 而 且 , 重 要 的 是 你 不 能 强 令 你 的 访 问 者 坐 在 计 算 机 旁 边 捧 着 一 杯 咖 啡 来 耐 心 等 待 加 载 你 的 页 面 。精 美 的 图 像 意 味 着 精 美 的 页 面 , 但 同 时 也 意 味 着 调 用 所 需 的 大 量 时 间 。 相 应 的 方 法 是 使 用 表 格 (Table) ,使 用 小 而 再 小 的 图 片 , 并 且 选 择 容 易 加 载 的 图 像 类 型 。 千 万 不 要 把 WWW 变 成 World Wide Wait 。 按 照 如 下 的 决 窍 将 使 你 的 图 像 加 载 速 度 变 快 , 不 信 就 试 试 吧 :

1 、 使 用 图 像 宜 小 而 精

很 多 人 都 把 万 维 网 看 作 是 一 种 新 的 杂 志 , 这 也 许 是 本 世 界 末 的 最 大 误 解 。 如 果 一 个 杂 志 没 有 鲜 艳 的 颜 色 和 光 泽 的 图 像 , 你 一 定 不 会 看 得 太 久 。 但 是 在 万 维 网 上 , 图 片 越 大 , 加 载 它 所 需 的 时 间 就 越 长 , 因 而 读 者 也 基 本 不 会 继 续 看 下 去 。如 果 你 减 小 了 图 片 的 大 小 并 同 时 保 持 你 需 要 的 效 果 , 那 么 就 这 么 做 吧 , 而 且 所 有 图 像 都 最 好 经 过 这 样 的 修 剪 。 小 的 图 像 同 样 能 够 象 大 图 片 那 样 精 美 , 而 且 有 很 多 人 把 他 们 使 用 的 浏 览 器 调 整 为 只 显 示 万 维 网 页 面 最 初 的 三 分 之 一 大 小 。 也 就 是 说 , 如 果 你 的 页 面 使 用 了 一 个 全 屏 的 图 像 就 将 浪 费 掉 三 分 之 二 。 另 外 , 你 需 要 限 制 图 片 的 数 目 。 如 果 一 两 个 小 的 图 片 和 一 个 图 库 起 着 同 样 的 作 用 , 那 为 什 么 不 选 择 简 单 的 方 式 呢 ?



2 、 定 义 图 像 的 宽 度 和 高 度

你 最 好 在 HTML 源 码 中 添 加 WIDTH 和 HEIGHT 选 项 , 其 数 值 为 横 向 和 纵 向 的 像 素 点 值 。如 果 你 知 道 图 片 的 准 确 大 小 ( 如 果 不 知 道 ? 那 就 使 用 Netscape Navigator 来 观 看 该 图 片 , 这 是 在 Navigator 的 标 题 栏 中 就 会 显 示 出 其 二 维 像 素 数 目 ) , 这 些 命 令 将 告 诉 浏 览 器 该 图 片 预 计 将 以 多 大 的 尺 寸 显 示 在 页 面 中 ,从 而 能 够 让 文 字 准 确 地 环 绕 在 其 周 围 。 这 样 作 不 会 使 图 像 加 载 得 更 快 , 但 可 以 让 图 像 周 围 的 文 字 更 快 地 出 现 ,从 而 更 快 地 给 读 者 一 些 信 息 。 WIDTH 和 HEIGHT 属 性 出 现 在 IMG 标 签 中 , 例 如 :

3 、 GIF 还 是 JPG

也 许 你 更 喜 欢 其 中 一 种 图 像 格 式 , 但 你 应 该 根 据 你 的 工 作 方 式 来 正 确 地 选 用 相 应 的 格 式 。 一 般 来 说 , GIF 能 够 更 好 地 保 持 使 用 制 图 工 具 作 出 的 图 像 , 而 JPG 格 式 则 更 适 合 于 扫 描 输 入 的 图 像 。主 要 的 原 因 是 GIF 是 一 种 无 损 压 缩 形 式 , 而 JPG 这 种 技 术 开 发 出 来 就 是 为 了 更 好 地 存 储 象 扫 描 的 照 片 、 印 刷 品 这 样 的 实 物 而 设 计 的 , 它 是 一 种 有 损 压 缩 。 所 以 你 可 以 按 照 使 用 方 式 来 选 择 正 确 的 文 件 格 式 从 而 保 证 最 大 的 压 缩 率 。

另 外 , 在 综 合 考 虑 保 持 最 小 失 真 和 最 大 压 缩 这 两 个 相 矛 盾 的 方 面 时 , 你 还 可 以 根 据 图 像 的 颜 色 数 目 多 寡 来 确 定 压 缩 方 式 。 如 果 颜 色 数 目 不 是 非 常 多 ( 比 如 素 描 作 品 ) , 就 采 用 GIF ; 如 果 较 多 , 你 将 发 现 JPG 是 个 好的 抉 择 。


4 、 降 低 颜 色 数 目

象 Adobe Photoshop 、 Paint Shop Pro 这 样 的 专 业 制 图 工 具 允 许 你 通 过 减 小 清 晰 度 来 减 小 图 片 的 分 辨 率 。这 样 处 理 后 图 像 看 起 来 不 象 杂 志 里 的 那 样 光 滑 和 清 楚 , 但 是 要 知 道 实 际 上 并 没 有 多 少 人 希 望 在 你 的 网 页 上 看到 摄 影 展 作 品 那 样 精 确 质 地 的 图 像 。 因 为 重 要 的 是 快 速 加 载 图 片 以 便 使 人 们 能 够 看 到 它 。 否 则 , 浏 览 者 很 可 能 在 图 片 加 载 中 途 就 失 去 兴 趣 , 从 而 开 始 点 击 其 他 的 站 点 。 难 道 这 是 你 所 希 望 的 吗 ?

页首
返回