PS教程：图片存储为Web所用格式优化详解.docxVIP

PS 教程：图片存储为 Web 所用格式优化详解 PConline 欣赏】当需要把图片存储为网页所用格式时，为了确保图片无卡顿地清晰显现，考虑它的品质和大小总是很必要的。这个 PS 教程就会教给你关于“存储为 Web 所用格式”你需要知道的知识。 存储为 Web 所用格式 互联网几乎是当今最大的艺术、 图形和相片分享平台之一， 因此掌握一些保 存为网页格式的基础知识就非常重要了。 实际上，保存为网页格式是一项平衡艺 术——你必须在图片品质和介质的文件尺寸之间做好平衡，以便满足你的个人需求。 在速度相对重要的地方 （如迅速地加载网站） ，你可能需要牺牲一些图片品质。而在品质重要的地方， 则需要牺牲一点速度。 这堂课程的目的就是向你介绍一些方法，在这两个因素之间寻求平衡，与此同时保留非常好的图像品质。 无损 vs 损耗数据 虽然存在有非常多的图片格式（仅举几例，如 jpeg ，gif 和 png ），但是依 据压缩方法不同， 所有的图片都能进一步归类为两大类别： 无损和有损。 无损数 据压缩保证了图像在没有任何品质和信息丢失的情况下重现， 而有损数据压缩的 结果就是可能造成品质和信息的丢失。 在平面设计领域最主流的无损媒介格式包 括 GIF、PNG 以及 TIFF，而 JPEG 是最主流的有损压缩的图形格式。如何用 PHOTOSHOP 保存网页格式 PS 拥有非常好的方法来为网页优化图片。 在 PS 中，选择文件 存储为 Web 格式或者使用快捷键 ctrl+alt+shift+s 。一个新的对话框将会弹出，这里有所有为网页保存和优化图片的设置。 图 01 通过以下一些生活中的案例来演示如何使用对话框中的设置。为网页存储图像 由于图片巨大的文件体积， 它们更多是以有损压缩格式来保存的。 甚至在拍 照时，相对于数倍大小的 RAW 格式，相机也倾向于用有损格式（如 JPEG）来 保存图片。 JPEG 是日常中首选的图片格式，它是以它的创造者“联合图像专家小组” 来命名的。 Jpeg 之所以能够成为标准，是因为它在压缩图像数据的同时可以保 留高品质，并且在相关信息上能够接近无损图像的效果。 当你在保存图片的时候， 有几种网页格式预设可供选择。 对于一张图片， 你 应该考虑是使用 JPEG 低、 JPEG 中，还是 JPEG 高。观察下面的对比图，（可 以）发现案例中的图片经过压缩后并没有多大的品质损耗。相比起超过 250KB 的源文件，我们选择中等质量或者高等质量的压缩预设就能够得到一个大小不超 过 30KB ，并有合适品质的图片。 图 02 GIF 图像 有些时候，你会被要求用无损格式来保存， 以便最好地优化你正在创作的任 何作品。这在网页设计中时常遇到，在布局上使用比普通图片更少的颜色。 GIF，全称为“图像互换格式”，是一种只用到  256 个颜色调色板的图片格 式，这让它成为不需要使用太广泛色域的网页图片的理想选择。 GIF 也能将单个像素设置成透明， 不过这并不在这个教程的讨论范围之内。 下面展示了一张 （使 用着 256 个颜色的） GIF 图像和 JPEG 图像的对比照，它们拥有同样的大小。正如你所见到的，无损 GIF 图片能更好的接近源文件。 图 03 因为 GIF 图像受到 256 色的限制，它本应该极少被用到图片中，但是他们恰好适合那些使用纯色或是有限色彩的图像。 对于图片来说， 通常来说不是使用 JPEG 有损压缩，就是 GIF 无损格式。 高品质图像和无损 PNG PNG ，全称为“可移植网络图形”，是一种类似于 GIF 的无损格式，只是 它支持更为丰富的色彩 （有时候也让它的体积变大） ，而且可以支持带透明图层 的 Alpha 通道，而非单一透明像素。 PNG 图像正在日渐取代 GIF，主要是因为在支持更丰富的色彩方面， PNG 通常比 GIF 的压缩效果要更好。虽然它还不想 GIF 有广泛的支持，但是无疑它 正朝着那个方向前进。 当图片必须保留完整品质在网络上进行传输的时候， PNG 是最佳的选择。 比起用 JPEG 传输图片，（ PNG ）会令你得出更大的图片大小，但是有时候这是 一个非常有必要的牺牲。 当一个图片包含锐利的线条、 以及必须保留清晰的文字 时， PNG 通常是一个更好的选择，当然了，最终还是要由设计师来决定使用哪一种格式。 遇到失意 心事，多想有一个懂你的人来指点迷津，因他懂你，会以我心， 你心，站在你的位置上思 ， 你排 解 。 一个人，来 世 ，必 懂得一些人情事理，才能不断成 。就像躬耕于 的 人，必 懂得土地与种子的情 ，才能有所收 。 一个女子，一生所求，莫 于找到一个懂她的人， 手白 ，相伴 老。 即使芦花暖鞋，菊花枕 ，也 温暖；即使粗食布衣，陋室 静，也 舒