网 页 设 计 制 作 要 正 确 的 使 用 图 片 格 式 为 什 么 想 整 理 这 方 面 的 类 容 ， 我 觉 得 就 像 油 画 家 要 了 解 他 的 颜 料 和 画 布 、雕塑家 要 了解 他 的 石材一样， 作为 网页设计师也应该对图片格式的 特性有一定了 解 ， 这 样才能更好的 表达你的 创意和 想 法。 除此之外， 我 们在平时工作中也会遇到许多与图片格式相关的 问题。比如设计师会奇怪为 什 么 有些页面 的 产出物总是没法达到设计稿那样的 品质和 效果， 什 么 样的 设计才更适合 Web 页面 ；页面 重构师和 前端工程师则想 知道在切图的 时候应采用什 么 图片格式、如何进行参数设置才能达到品质和 性能的 最优化。 有时候我 们可能会因为 一张格式不正确的 图片而导致设计品质的 下降以及页面 性能的降低。了 解 图片格式的 特性就 是为 解 答这 些困惑从而让我 们设计的 产品更好、更快。 本 文 主 要 包 括 以 下 几 方 面 内 容 ： 1、基本 概念 矢量图 与位图 有损压缩与无损压缩 2、实际应用 什么时候应该使 用 PNG 什么时候应该使 用 JPG 总结 3、思考与实践 什么样的 设 计 更适合 Web 页 面 ？ 我们还可以 做些什么？ 4、附录-Photoshop 中各种参数的 含义及设 置技巧 1 、基本概念 要 了 解 图 片 格 式 的 特 性 ， 首 先 得 从 一 些 基 本 概 念 开 始 。 这 部 分 内 容 读 起 来 可 能 会 比 较枯 燥 ， 但 如 果 你 耐 着 性 子 读 完 它 ， 相 信 会 获 益 匪 浅 。 矢 量 图 与 位 图 矢 量 图 -完 美 的 几 何 图 形 矢 量 图 是 通 过 组 成 图 形 的 一 些 基 本 元 素 ， 如 点 、线、面， 边框， 填充色等信 息通 过 计算的 方式 来 显示图 形 的 。 就好比 我们在几 何 学里面描述一 个圆可 以通 过 它 的 圆心位置和半径来 描述， 当然还可 以通 过 边框的 粗细、颜色以及填充的 颜色等数据去描述它 的样式 。 而电脑在显示的 时候则通 过 这 些 数据去绘制出我们定义的 图 像。 矢 量 图 的 优 点 在 于 文 件 相 对 较 小 ， 并 且 放 大 缩 小 不 会 失 真 。缺点 则是这些完美的 几何图 形很...
