平面设计
位置:首页>> 平面设计>> Photoshop教程>> 设计论理-fireworks VS photoshop 的压缩率

设计论理-fireworks VS photoshop 的压缩率

 来源:夕木木 发布时间:2010-01-03 12:52:00 

标签:fireworks,photoshop,压缩率

令人感到惊讶的是,根据我的一个项目调查表明,还有相当多的设计人员在用fireworks.就我个人而言,我很少用fireworks.photoshop是我做设计的首选软件,从图片编缉到整站制作。但是你知道吗,fireworks对图片的压缩率比photoshop要更好。我不是一个软件工程师,所以我也无法解释为什么fireworks的压缩率会更好。但是我可以举一些例子向你证明这个事实。

我们就以网页常用的:PNF,GIF,JPG这三个格式来讲一下。

PNG的压缩率

为了测试,我使用了一张没有经过压缩的透明图像。首先我用photoshop来输出图像为:PNG-24,这样生成的文件大小为:352kb.然后我再用fireworks来压缩生成的文件大小为:332kb.在这两张图像我们从视觉来看,是没有多大的区别(至少我看来是这样的),但文件的大小却相差大约20kb.

gif的压缩率

接下来我们来看一下gif格式是怎么样子的,先定义,256色,自适应无抖动.fireworks=88kb,photoshop=92kb.我们可以看到相差是4kb.虽然看起来相差无几,但是fireworks有更多的细节调节功能。

jpg的压缩率

现在来看来jpg的压缩率,在photoshop中设图像输出60%的质量,最后文件的结果:80kb.在fireworks中设质量为80%质量的图像输出,其文件大小为:72kb.我们可以看到结果差不了多少。但是fireworks还是比photoshop少8kb.

有什么大不了的

你 可能会想:这有什么大不了的。这只有几KB而已。..。..不要小看这几KB的差异,便它能够对你的带宽和负载时间有很大的影响--不相信,那我举个例子 给你看。比如说你的网站有一张图像,我用fireworks压缩,这样图偈就可以减少20kb.比如说你的网站一天有16,000的访问量,那 么:20kb*16,000=320,00kb.也就是说每天可以减少320mb的带宽。这只是一张图像,但是如果是十张,一百张呢?那么你可以节省下多 少的银子。最重要的是也可以提高网站的加载速度。那么你现在还会觉得“没有什么大不了”吗?

结论:

所以你可以试一下用用fireworks.

0
投稿

猜你喜欢

  • 此文由Paul Hollingworth发表于第28期的《Advanced Photoshop-the magazine for Adobe
  • 本教程的素材图为室内拍摄的照片,光效比较柔和,人物肤色的质感不是很好,背景也比较昏暗。调色的时候可以根据需要适当把人物及背景处理一下。颜色可
  • 本教程简单介绍人物照片的调色方法。人物照片调色可以按照个人喜好选定颜色,人物部分也需要根据主题色适当调整。需要注意好人物及细节部分的处理。原
  • Fireworks抠图一直以来就不是很灵光,所以有时为了图片效果好一些,不得不请Photoshop兄弟来帮忙,不过PS兄的体格实在壮硕,用惯
  • 译者的话:记得当年上设计课时,有一位设计老师壮怀激烈地在谈论中西方的平面广告差距,说到中西方的平面广告中的人物肖像处理区别时说,在中国,广告
  •            本教程制作效果非常不错,不过制作的时候需要用到一些光束笔
  • 一些背景很杂乱的图片,处理起来比较费劲。不过我们把照片的调亮点,效果就看起来舒服很多。制作的时候只要使用应用图象来制作高光,然后调色及细节就
  • 有空就开始搞翻译了,正是所谓每周翻译,有益身体健康~第一次搞,弄了相对简单的教程,也比较忠于原作,慢慢来了~喜欢看E文的也可以去原文哪里看原
  • 本例为PS初学者实例系统教程,今天我们来学习运用PS的动感模糊滤镜制作射线立体字效果,主要的知识点有文字蒙板工具、描边、自由变换、动感模糊滤
  • 本教程介绍金属齿轮的制作方法。制作难点在齿轮形状及质感制作。作者制作的时候利用矩形复制及变换角度制作出边角为方形的齿轮,然后模糊再调整色阶即
  • 这是无意中做出了一个效果,适当的调了一下,感觉不错,有一种渔舟晚唱的感觉,适合江边风景照片的调色。就把我的过程写了下来,希望有喜欢的朋友!效
  • 本教程调色过程介绍的有点简单。大致思路:先给人物局部调色,如眼影,唇红,皮肤等部分。然后再整体调色,可以调成自己喜好的颜色。最后加上一些装饰
  • 原图最终效果1、打开原图,按Ctrl + J把背景复制一层。2、创建色相/饱和度调整图层,参数设置如图1-3,确定后再创建色彩平衡调整图层,
  • 在本教程中,我们将使用Illustrator和Photoshop创建一个很棒的糖果条字体效果。 在此过程中,你将学习如何:创建高级
  • 淡儿有时候,处理MM的一张相片,除了磨皮美白之外,给MM化妆也是必不可少的。这次Photoshop实例教程我们就来讲解后期给人物化妆的方法,
  • 本教程利用一些简单的素材制作出非常漂亮的海报效果,整个画面就一张人物素材,其他的几乎都是用画笔刷出的图形,看来在设计中笔刷的应用也不可以忽视
  • 本教程重点是给人物部分调色。素材图效果非常不错,只是色彩有点暗。人物部分色调有点单调。处理的时候可以按照自己的喜好给人物部分润色。背景只要稍
  • 原图 效果图 经过去斑加工的效果图 原图 效果图 例1: 例2:
  • 粗糙的质感往往都由一些不规则的形状来组成的,立体感的构成也是由视觉观察到的平整、凸起或凹陷等部分构成,本案例就是一个典型的粗糙质感案例,通过
  • 有感于一些朋友的作品(尤其是页面\软件界面设计这种对精度要求很高的地方)在细节方面总是受到锯齿的困扰,而拉低了整体档次。特根据自己的经验讲一
手机版 平面设计 asp之家 www.aspxhome.com