发布网友 发布时间:42分钟前
共2个回答
热心网友 时间:39分钟前
强大的图像优化处理软件-ImageReady
随着国际因特网的飞速发展,越来越多的企业和个人为了宣传自己、展示自己,纷纷在因特网上建立自己的门户站点。站点建好之后,这些网站站主们就挖空心思、想法设法地来装扮、美化自己的“家园”,他们往往一味地用漂亮的图象来堆砌自己的主页,希望能以这些诱人可可的画面,来打动来访者的心,以此来换得更高的网站回头率。殊不知,使用这些漂亮的图象是要付出一定的代价的,那就是要降低网络的传输速度的。因为,在目前网络的传输速度不尽人意的情况下,要传输这些数量多、容量大的图象就比较困难,轻则影响访问
者浏览网页的速度,重则能够堵塞网络传输信道,甚至使某一段的网络处于瘫痪状态。
为了解决上述的问题,我们首先要做的就是不在主页中滥放图象,以保证网页中的图象少而精致,这个要求我们可以很轻松地做到;另外一个要求就是尽量缩小图象的尺寸,而且要保证同尺寸下的文件容量要比较小,这样可以更利于在网上传输,也就是说能从网上快速下载下来,而不影响整个网页的下载速度。要实现这个要求,我们就必须学会图象优化处理操作。时下,有许多比较著名的图象编辑软件都具有优化功能,但毕竟不是专业的,在这方面的功能很是有限。 今天,笔者就向大家推荐一款功能强大的图象优化处理软件,它的名字叫Adobe ImageReady,该软件提供了强大的网络图像处理功能,可以让我们设计出引人注目的网络图象;利用Adobe ImageReady 2.0,我们还可以对图像进行最佳化处理,以便让图象适应网络传输的要求,下面我们主要对用ImageReady进行Web图像优化作一讲述。
一、图象优化的原理
当前中国的网络带宽还比较“狭窄”,网络传输速度还处于蜗牛爬行的时代,这就要求我们在进行制作网页图象和利用网络传输图像时,必须在保证需要的质量、显示效果的同时尽可能减小图像文件的大小。目前,网页中比较流行的图像格式有三种:JPG格式、GIF格式、PNG格式,对于JPG与GIF格式的WEB图象大家可能是“情有独钟”了,以致于有许多用户逐步把其他格式的图象都忘记了,好象在他们记忆中图象只有JPG与GIF这两种格式;至于PNG格式(Portable Network Graphics的缩写),则是一种刚刚时兴的新Web图像格式。
上面我们一再叙述,图像在WEB页面中的使用,大多采用JPG和GIF格式,而PNG格式虽然在其他方面的优点很多,但PNG格式的图象最致命的弱点、也是WEB网页无论如何都不能迁就的特点,就是以此格式保存的图像容量一般都比较大,有时甚至比BMP格式的图象还要大一点。因此,考虑到速度方面的原因,网页制作者或者图象设计师们很少在INTERNET网页中使用PNG格式的图象,这种情形真有点儿象忍痛割爱似的。到了这里,有些朋友可能要发问了,既然JPG和GIF这两种格式使用频率较高,是不是这两种格式的图象在WEB页面中显示的效果一样呢?如果不一样,那么我们什么时候该用JPG格式的图象,而在什么时候才能使用GIF格式的图象呢?在回答上述问题之前,我们不妨一起先来看看优化操作的原理是怎样的:对图像的优化从很大程度上是对于图像的颜色进行优化,而构成一幅图像的色调有两种情况,连续色调和非连续色调。从各种情况下压缩测试的效果来看,对于连续色调的图像最好使用JPG格式进行压缩,而对于不连续色调的图像最好使用GIF格式进行压缩,以使图像质量和图像大小有一个最佳的平衡点。
二、图象优化的过程
在详细介绍了图象优化的原理后,大家肯定心情变得很着急了,都想看看到底是怎样进行图像优化的?为了加深大家的印象和叙述上的方便,笔者在这里就通过一个例子来详细谈谈图象优化的具体操作步骤:
1、用鼠标单击开始菜单,从弹出的菜单中选择程序,接着再从Adobe下面的Photoshop 5.5程序组中激活ImageReady 2.0命令,程序将打开一个与Photoshop很象的操作界面,工具栏的图标也基本雷同,不过数量少些。
2、用鼠标单击主操作界面中的File菜单,从其弹出的下拉菜单中选择Open命令,这时程序将会弹出一个文件选择对话框,在该对话框中找到自己需要进行优化的图像文件,并单击该对话框中的“打开”按钮,程序将需要处理的图象显示在图象编辑区中,在这里笔者打开了一个名叫FlowerPower.psd的图象文件(见图1)
图1
3、在上图所示的窗口顶部有四个标签,这四个标签分别为Original、Optimized、“2-up”、“4-up”,用鼠标单击不同的标签程序将会出现不同的界面,其中单击“Original”标签四化,程序将显示出优化之前的原始图像,单击“Optimized”标签程序将按照缺省方式在图象编辑区域中显示出作了优化后的图像,单击“2-up”标签,程序将窗口分割为左右两个窗口,分别显示原始图像和优化后的图像,单击“4-up”标签,程序将窗口分割为四个窗口,分别显示原始图像和几种优化后的图像。
4、接着在图像窗口中,用鼠标单击顶部的“2-Up”标签,程序将会把显示窗口分割为左右两个子窗口(见图2),程序将会在左边的子窗口中显示出原始图像,在右边的子窗口中显示出按照“Optimized”调整板中的设置进行优化后的图像。
图2
5、然后用鼠标继续单击“Optimize”调整板,程序将会弹出一个设置窗口(见图3),对于图像的各种优化操作就是在此设置窗口中调整各项参数的设置而产生的。由于笔者选取的此张图像色调连续,按照图象优化的原理,所以我们必须用鼠标单击“Setting”设置框右边的小三角,并从弹出的下拉列表框中选择一种叫Jpeg High的压缩模式(见图4)。
图3
图4
6、如果在选择了需要的压缩模式后,图像的质量或大小仍然不能满足我们的要求,我们可以根据自己的视觉感受,来通过调整“Quality”(质量)和“Blur”(钝化)的数值使之符合我们的要求。
7、在图象编辑窗口的下方显示了优化后图像的大小、格式、色彩数量以及下载所需的时间,供我们调整时作参考。
8、图像优化符合我们的要求后,可以用鼠标单击菜单栏中的File菜单项,从其弹出的菜单中选择Save Optimized命令,程序将弹出一个保存对话框,接着在该对话框中给优化后的图像命名,最后单击“保存”来保存我们前面的劳动成果。
9、这时我们再单击一下“2-Up”标签,从弹出的窗口中,我们发现文件的大小已从先前218KB降到优化的7.8KB,即使先前的图像格式为JPG,经过ImageReady的妙手“驱肥”,一般也能瘦掉一半,而图像质量基本不变。
三、图象优化的其他操作
如果我们对上面的图象优化效果还不十分满意的话,尤其是当自己的网页图像很大很大时,上述的优化方法可能就显得有点无助了。请别用担心,ImageReady 2.0为这种情况也提供了一套完美的解决方案,那就是该程序提供的另外一种叫分片压缩进行优化的功能,具体说来就是将这幅容量特大的图像按照我们的要求分割成很多块容量较小的图象,每一块图像都可以按照不同的设置进行优化压缩,并且每一块都可以连接不同的URL地址,存储后生成一段HTML代码,但在网页中还是一幅完整的图像(这个功能看起来简直有点儿不可思议,因为如果要用其他图象制作软件做到这一点很困难,甚至是不可能做到的),这样网页的显示速度就快多了,下面就让我们来看看利用分片压缩的方法拉优化图象的的具体操作步骤吧:
1、用鼠标单击开始菜单,从弹出的菜单中选择程序,接着再从Adobe下面的Photoshop 5.5程序组中激活ImageReady 2.0命令,来打开该程序的主操作界面。
2、用鼠标单击主操作界面中的File菜单,从其弹出的下拉菜单中选择Open命令,这时程序将会弹出一个文件选择对话框,在该对话框中找到自己需要进行优化的大容量图像文件,并单击该对话框中的“打开”按钮,程序将这个大容量的图象显示在图象编辑区中。
3、接着从ImageReady 2.0视窗左侧的工具箱中选择“Slice Select Tool”(在工具箱第三行右边)按钮,准备对图像进行剪裁。
4、观察大容量图像的色彩组成,如果图象是文字之类的内容或者整个图象的图案色彩比较单调,可以采用GIF格式的压缩方式,如果图象所包含的色彩比较丰富,可以采用JPG格式的压缩方式;总之一句话,大家可以根据自己的视觉感受和分析来选择合适的压缩方法,或者综合使用这两种方法。
5、按照刚才的分析,用Slice选择工具在大容量图形上拖动,把大幅画面按照色彩是否连续分成几个矩形区域,并用“Slice Select Tool”工具拖动各矩形框周围的控制点,以便将矩形框调整到准确位置。
6、接下来,再用“Slice Select Tool”工具分别选择上面的各个区域,如果该区域色彩单一,我们可以从“Optimize”设置面板中选择GIF压缩模式,并在其中设置合适的颜色数;如果是色彩丰富、色调连续的矩形部分,我们可以在“Optimize”设置面板中选择Jpeg High压缩模式,并设置好“Quality”(质量)和“Blur”(钝化)的数值。
7、如果我们需要给图象的各个部分做热点连接,可以在Slice设置面板中为每一块图像连接不同的URL地址(见图5)。
图5
8、对图象优化设置完成后,用鼠标单击菜单栏中的File菜单项,并从弹出的下拉菜单中选择Save Optimized命令,将完成的分片图像储存为一个HTML文件,它将同时生成一个Images子目录,里面存放着经压缩优化后的各幅图像,在用类似FrontPage 2000等网页制作软件进行网页设计时,将该HTML文件的代码拷入即可,不过别忘了将优化后的各幅图像拷贝到新网页的Images子目录下。看了上面的操作不知大家有没有心!反正以后在制作完图象后,大家不要直接就把它到网页上去,一定要用用今天所学的知识,让图象优化一下喔!
热心网友 时间:38分钟前
gif图片
一般ps会附带安装一个叫imageready软件可以做
fireworks也是可以的