用save for web优化网页图象

2016-01-30 06:34 15 1 收藏

用save for web优化网页图象,用save for web优化网页图象

【 tulaoshi.com - PS 】

    互联网发展到今天,制作个人主页早已不是什么新鲜的话题,如果你现在还没有的话,那可得要赶紧行动了,无论是新手还是老鸟,在主页制作过程中,不可避免地要遇到图片的处理,图片运用的好坏将直接影响你主页的受欢迎程度,这里我们不谈美工创艺,只说说图片减肥,这是网页制作者非常关注的一个问题,有许多人一度喜欢先用图片处理软件(如Photoshop)完成网页图片制作,再用其它专门的图像减肥软件完成减肥工作,在多软件之间来回操作无疑是件很费时费力的事,笔者在多年的网页制作过程中深有感触,然而自PHOTOSHOP5.5出现后,类似这样的烦恼已是一去不返了。在这里,我想就用PHOTOSHOP5.5完成网页图片制作与优化减肥的过程,谈一点自己的看法,同各位网友交流。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)


    我们启动PHTOSHOP5.5, 打开或者新建一个文件,点击菜单上的File(文件),会弹出子菜单,其中的Save for web....一项是我们在PHOTOSHOP以往的版本中所看不到的(如图1所示),这是PHOTOSHOP5.5为网页美工的特殊需要新增的一项非常有用的功能,也是我们要讨论的主要内容。下面就用一个实例说明这一功能的使用方法与要点。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

 

    ****我们打开一张人物照片(图2),从菜单中点击Save for web,系统将弹出主操作窗口(如图3所示),在左方为图片优化预览窗口,它有四种显示方式,分别为Original (非优化单窗口模式)、Optimized(优化单窗口模式)、2-UP(双窗口模式)、4-UP(四窗口模式) 。我们可以根据不同的需要做相应的选择,但在实际应用过程中,通常使用得最多的还是四窗口模式,因为在此模式下,你可以根据你的实际需要,直接点击选择其中你认为已经得到最佳优化,且图像质量又达到你的要求的那张(一般为右上的那张能够两者兼顾),如果你的图像减肥要求不是太苛刻的话,可直接点击OK存盘,便得到了一张"苗条又美丽"的图片;如果你要求较高,那便要用到主操作窗口右方的调节设置栏进行微调了。右上方的调整项目最重要的便是图片格式(有GIF、JPG、PNG-8、PNG24几种选择,实际应用中一般只做GIF或JPG两种选择)的选择,当我们选择不同的格式时,其他的调整项目也将发生相应的变化,比如当我们选择GIF格式时,便会出现颜色数量(Colors)的调节及选择,而选择JPG格式时便没有这一调 睿岢鱿滞枷裰柿浚≦uality)微调项,可以方便你高精度地按你的需要调整,同时左方你所选择的窗口图像将会即时地发生相应变化;在右下方主要有对图片尺寸及颜色表的调节项,其中的颜色表调节项只有在你选择了GIF格式时才有效。

    ****在你利用PHOTOSHOP5.5的这一功能做网页图像减肥工作时你将发现,当我们对一张照片级图像进行优化时,如果你选择了GIF格式,结果任你无论如何进行微调,图像通常都是面目全非惨不忍睹的样子,而且也无法使图像有效地减肥。这由于照片级图像的性质决定的,它们通常的颜色数都一个非常惊人的,而GIF格式最高也只能有256色,根本无法满足其要求。而当我们选择了JPG格式时,我们通常会得到一个图像文件大幅变小且画面几乎看不出任何损失的结果,因为JPG格式的是针对高质量图像应用的一种高效的压缩格式(有兴趣的网友们可参考相关资料做详细研究),这里需要注意的是,对那些有较强渐变效果要求的图片与照片类图像要求通常是一样的;反之,如果我们的图片是那些单色组合体(如图4,图5),通常首选格式应是GIF,否同样将达不到满意的减肥优化效果,以上两点是优化过程的关键。由于篇幅所限,在此不做详述,你可以在实际中操作细细体会,非常愿意同网友们共同探讨,共同提高网页图像制作的技能

 


来源:http://www.tulaoshi.com/n/20160130/1520834.html

延伸阅读
标签: Web开发
Demonstration script that allows you to enter a file name in a File Save dialog box, and then saves a sample text file (consisting entirely of the current date) under tha...
Windows提供了一个API函数GetDesktopWindow,该函数返回桌面窗口的设备描述。因此利用它就可以轻松获取桌面窗口的图象。 参见下例: 步骤1----建立新工程。 步骤2----编写如下代码: PrivateDeclareFunctionGetDesktopWindowLib"user32"()AsLong PrivateDeclareFunctionGetDCLib"user32"(ByValhwndAsLong)_ AsLong ...
标签: Web开发
优化网页,加快网页下载速度,除了对图片进行优化之外,还需对网页其他各个元素进行优化。在网页编织过程中如能充分利用编辑工具,也可以在网页制作中达到优化目的。下面是Dreamweaver中的一些优化技法: 合理调用CSS 进行网页设计时,运用样式表单CSS来对页面元素进行布置,可以大大地减少HTML代码,这点我们已经很清楚。Dreamw...
标签: ASP
随着互联网的发展,Web数据库的应用越来越多,用户对访问Web数据库页面的速度也要求越来越高。访问Web页面的速度的快慢取决于网络的速度、Web页面所在服务器的性能以及Web页面本身的设计等多方面原因。本文介绍一种根据笔者多年开发经验总结的优化Web数据库页面的方法。  解决原理  用户访问静态Web页面时,Web服务器只需简单地将该页...
标签: Web开发
进行网页设计时,运用样式表单CSS来对页面元素进行布置,可以大大地减少HTML代码,这点我们已经很清楚。 Dreamweaver中样式表的加入方法有多种,一是选定对象,从右键菜单中选择定义好的样式加入;二是从样式面板中为对象选择样式;三是在标签选择器上的某标签上单击右键选择样式。 这三种方法虽然获得的页面效果一样,但由于...

经验教程

564

收藏

50
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部