设计论理-fireworks VS photoshop 的压缩率
来源：夕木木 发布时间：2010-01-03 12:52:00
令人感到惊讶的是，根据我的一个项目调查表明，还有相当多的设计人员在用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
投稿猜你喜欢
本教程非常详细的介绍蓝色水晶相框的制作。作者制作的时候非常细心，光感调的非常到位，尤其是那些光光的地方作者做得更是绝美，每一个小的地方几乎都- 效果图如下：具体步骤如下：1.按Ctrl+N键新建一个文件，并设置其对话框如图1所示，确定后创建一个新的空白文件。2.单击创建新的填充或调整
- 先看一下最终效果：素材人物面部油漆效果步骤1：插件一个文件的大小900X660像数打开黑木墙纸和调整，以适应它步骤2：表面模糊他已达到比较平
- 本教程主色调以青黄色为主。调色方法也比较简单，稍微用曲线调出偏青的色调，然后新建图层填充橙黄色，再改变图层混合模式即可调出混合色。原图最终效
- 原图：最终效果：素材：1.新建个黑白调整层参数如图2.新建个照片滤镜调整层参数如图3．盖印可见图层 CTRL+SHIFT+ALT+E3.计算
- 之前也介绍过立体字效果的制作方法，不过文字的层次没有这么多。本教程文字立体面多出一个，制作的时候需要耐心的去调节高光及暗调等部分。 最终效果
- 先看一下最终效果：效果图二：原图：1.打开文件，复制一层，得到背景复本。执行菜单命令：“滤镜”--》”其他”--》”高反差保留”，半径为1，
- 打开xara3D，这个软件到处都有下，搜索引擎搜下就可以了 我用这里的是多特下载的6.1.按Aa，打入自己需要创作的文字，并设置字体。这里我
- 本教程木质纹理桌子的制作方法。教程开始需要利用滤镜来制作木质纹理，然后再利用这些纹理来制作立体的桌子部分，制作的时候需要注意好物体的透视效果
- 本教程效果图非常纯美。色彩不多淡黄色加上一些淡紫色，画面显得非常鲜明，有种艺术的美感。 原图 最终效果 &
- 质感表现之硬币质感首先在新图层制作出硬币的纹饰部分。首先载入纹饰部分的选区，对“背景”图层执行“通过拷贝的图层”命令。添加图层样式，“斜面与
- 在制作本教程的效果时，字体最好选择一些较粗的字体。这样效果会明显一点。制作方法比较简单基本上用图层样式就可以做好，为了美观可以适当加上一些投
- 上次我介绍了 在Photoshop加强网页设计中的细节,很多朋友都觉得讲的不够多,并且一些朋友很想了解如何在Photoshop制作一些文字的
- Photoshop入门实例，通过笔刷工具，设置不同的颜色，简单让照片变为彩虹色彩。1、打开图像素材。2、图层 >> 添加调整图层
- 效果图具体具骤：1。打开原图进行裁切。2。找开素材，试当裁切，调色阶如图2，去色。3。将树与原图的树溶入到一起。4。用素材的树枝将原图衔接。
- 接着上期的制作，本期将继续为大家讲解CG人物绘制系列中人物鼻子、嘴唇和眉毛的绘制。绘制方法比较简单，但绘制过程中局部细节繁多，需要大家耐心的
- 原载于 ADOBETUTORIAIZ 作者 匿名 翻译 高小白Maciej Mizer（mosk）的作品以干净利索为主，在前面我发表过一篇波
- 全景，英文是PANORAMIC PHOTO，或PANORAMA，通常是指符合人的双眼正常有效视角(大约水平90度，垂直70度)或包括双眼余光
- 本教程制作的效果非常有创意，有种动感的形体美。不过作者没有提供一些装饰的素材，大家需要到网上下载。原图最终效果1、看原图设计出修图策略流程。
- 资源：星球：天空：背景：第一步：我们先创建一个600X750的画布，然后把背景放到图层最下面。第二步：用矩形选取工具，把背景图上方的一部分选
