imageready的切片和优化

　　imageready诞生时，是作为一个独立的软件发布的。那时它并不依附于photoshop。直到photoshop更新到5.5版本的时候，adobe公司才将升级到2.0版本的imageready和它捆绑在一起，搭配销售。前些日子，imageready更以三级跳的速度与photoshop同时升级到了7.0，给了大家一个不小的惊喜。

　　imageready在很大程度上扩展了photoshop在网络图像方面的功能。在最近的这次升级后，它和photoshop的配合更为默契。虽然图像编辑的能力变得更强大，但图像的切片和优化仍然是它最突出的特征。与photoshop相较，imageready提供了更多用于高级web处理的工具和调板。在这篇文章中，我们就来对这两个功能做一个较为详细的探讨。

　　在开始之前，我们先来看看将大图片切成小图，并将它们放入一个html表格中的原因，也是我们这篇教程的初衷：下载时间和图片质量。许多人喜欢在photoshop中设计用于网页的图片，甚至整个网页。在通常情况下，构成网页的图像有着不同的图像格式，也许一些图片很适合用jpg格式来保存，另一些存为gif格式会得到更好的质量和更快的下载速度。把一张大图片切成一些小部分，这样，你就能对每一部分进行单独的优化处理，使其图片质量和文件大小的比例更合理。

　　用jpg格式对那些单调图像进行压缩，你会看到处理后的图像出现难看的斑驳色块，并且文件尺寸也会比你实际需要的大得多；同样，如果你试图以gif格式压缩一张有光滑渐变或是色彩极为丰富的连续色调图片，那么图像质量和文件大小的问题也会给你带来困扰。gif格式只支持256色，更多的颜色只能通过抖动尽可能的模拟出相近的颜色。这样就会使图像失去重点，文件尺寸也会增大。好了，现在该是我们对切片选择jpg或是gif格式的时候了，什么时候使用jpg，什么时候用gif？正确的选择才能得到合适的图像切片。

　　一、创建原始图像

　　让我们从在photoshop中创建我们的原始图片开始。我们并不打算花太多的时间去创造一幅精致的图像，因为本篇的目的是切片而非制图。我们需要尽快开始切图的问题。新建一宽350像素、高250像素的新文档，分辨率为72像素／英寸，rgb模式。我将整个背景区域填充为蓝色，然后用直线工具绘制两条宽为30像素的黄色直条，像瑞士国旗一样，横竖交叉（图01）。记得要在直线工具的选项中取消消除锯齿这一项。需要特别注意的是，在这篇教程中，使用或取消消除锯齿这一选项都有说明。待会儿，我们开始进行切片和优化时，你将会更好的理解那些优化设置的应用。（图02）

图01

图02

ICP备案编号:粤ICP备06052964号

www.sosof.com

选择显示字体大小

imageready的切片和优化

关键字本文所属关键字

相关与本文相关文章

分类所有文章关键字导航

源码编程相关

SQL数据库相关

手机无线相关

网页设计制作相关

网站建设推广相关

操作系统/服务器相关

图形图像多媒体相关

标准网站致力的规范

www.sosof.com

选择显示字体大小

imageready的切片和优化

shouchang();

关键字 本文所属关键字

相关 与本文相关文章

分类 所有文章关键字导航

源码编程相关

SQL数据库相关

手机无线相关

网页设计制作相关

网站建设推广相关

操作系统/服务器相关

图形图像多媒体相关

标准 网站致力的规范

关键字本文所属关键字

相关与本文相关文章

分类所有文章关键字导航

标准网站致力的规范