关于在Fireworks中进行图像优化

作者:课课家教育更新于： 2016-10-11 14:57:47

　　作为一名网络设计师，进行图形优化几乎就是每天都要完成的事情。最近有人和小编说，怎样才能更好的进行图形优化？小编会建议大家查看在线帮助的图形优化一节，里面有更加详细的内容说明原理。当然啦，小编为了解决这个问题，也特意写了这篇关于图像优化的文章，主要是告诉大家一些基本的方法。

　　在教程开始之前，小编首先问大家一个问题：我们在进行网络图形设计的最终目标是什么呢？没错，最终的目标就是：设计出下载非常迅速的优美图像来。那怎样才可以做到这一点呢？小编在这里就大概的就说一下吧，首先我们在设计的过程中一定要尽可能地减少应用的颜色数目，然后还要为我们设计的图形选择具有最佳压缩比的文件格式。同一时刻，我们还要最大程度地保持图像的质量不受损失。总的来说，就是寻找到最佳的颜色混配方案，压缩方式以及保证图形的质量。那么这三点内容就是我们所说的图形优化——这是对各种图像要素进行平衡的一种举动。

　　经过上面的讲解，大家都知道何为图形优化了吗？在Fireworks中进行图像优化，关键在于优化面板，使用一些比较简单的办法，就是根据图形颜色数就可以直接选择出哪一种的导出方案。

　　下面就进入正题了，在Fireworks中图像优化的方法步骤如下：

　　步骤一：确定颜色数

　　首先我们要做的就是要将自己颜色数确定好，我们分为两种情况，一种是256色以上的，另一种则是256色的。如果是第一种情况256色以上的则采用JPG格式，否则就采用PNG以及GIF的格式。小编在这里，特意找了两个例子。

　　①256色以上

　　这是一个JPG的例子，在这个例子中，我们特别要注意品质的参数。大家可以看到，当品质数越小的时候，图形也会越小，但是图形损失则相反，变得越来越大。如下图：

　　②256色

　　这是一个GIF的例子，在这个例子中，我们要注意的是颜色的参数，当颜色数越小的时候，输出就会越来越小。如下图：

　　步骤二：两框比较

　　然后，我们在界面中使用鼠标点击2-up（即两框比较）的按钮，这个时候，我们就可以进行输出的比较。我们可以选择两种不同的框，然后将优化面板中的参数随意调整一下，最后将两框进行比较即可。大家可以注意到一点就是：我们使用肉眼看两框的图像品质，基本就是看不出有什么不一样的，感觉就是差不多，但是事实上两款之间的大小已经比原来相差10多倍了。如果大家不相信，可以看看小编使用红色画笔所圈出来的地方。如下图：

　　步骤三：输出

　　教程的最后进一步就是输出，在这一步中，我们只要选择自己认为还不错的设置，然后使用鼠标点击“导出”的按钮，这样就可以成功的将图片导出来了。

　　注意事项：刚刚我们在步骤二中，我们看到有两个不同的框，但是要注意一点黑色才是当前选择框，就是说这个才是我们所选择输出的，所以大家千万不要混淆了，要不然会对最终的结果又影响哟。

　　小编总结：我们在进行图片处理的时候，总是想着使用最合适的输出方案，感觉这样才对得起自己制作的作品。但是什么才是最合适的输出方案呢？其实小编想说，鱼和熊掌不可兼得。就是说，质量以及大小不能两全其美，我们只可以根据这两点之间的平衡点，然后选择出一个最合适的输出方案。

　　小编结语：

　　小编在这篇fireworks教程中，主要是分了三个步骤来讲述在Fireworks中图像优化的方法，希望大家会喜欢这篇教程。如果喜欢，就给小编点个赞吧。更多有关Fireworks教程尽在课课家教育官方网。