DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks基礎 >> 詳解Fireworks MX 2004豐富的圖像導出功能(上)[組圖]
詳解Fireworks MX 2004豐富的圖像導出功能(上)[組圖]
編輯:Fireworks基礎     
 在Fireworks中創建並優化圖形後,用戶可將該圖形輸出為常用的Web格式及供其他程序(如Freehand)使用的向量圖形格式。Fireworks MX 2004由於它的面向網絡的特性,導出的形式可以不僅僅是圖像,還可以是包含各種鏈接和Java Script信息的完整的網頁。由於圖像的導出和優化一樣將產生一個導出副本,因此是不會修改原圖的,所以,用戶可以嘗試在Fireworks中用一幅原圖導出不同種類的許多圖像。

  一、導出預覽

   由於不同的圖像格式使用的是不同的壓縮方法,圖像的質量和表象隨著格式的不同而變化,所以用戶應該根據圖像的設計目的和應用場合來決定使用哪種圖像導出格式。

   只有通過比較鑒別才能突出不同圖像格式的色彩和大小等特點,為此,我們首先講一講如何在導出時對不同格式進行選擇。Fireworks裡提供了在線比較不同的優化方式和原圖的效果的窗口,2-up模式和4-up模式。若比較一幅圖像的GIF導出效果與原圖的差別,可以使用2-up模式和4-up模式。若比較一幅GIF導出效果與原圖的差別,可以使用2-up模式。若希望比較兩三種格式或優化方式的優劣時,就可選擇4-up模式。圖1顯示了原圖與GIF、PNG和TIFF三種格式的導出圖像的差異,同時窗口中還顯示了每一種優化方式或格式的主要參數、圖像大小和傳輸時間等信息,可以幫助用戶在不同圖像格式之間的選擇。


 
 圖1 4幅模式各種不同格式導出效果比較

圖像的各項優化參數設置好之後,就可以進行圖像的導出工作了。在Fireworks MX2004中,通過選擇“File>>Export PrevIEw”菜單,可以打開如圖2所示的導出預覽窗口。它包含了兩部分,左側為參數設置部分,右側為輸出預覽部分。


圖2 導出預覽窗口

左側的參數設置部分包含了三個選項,其中利用Option”選項卡可設置優化輸出的文件格式與參數,如圖3。右下角的兩個按鈕供用戶縮減圖像大小時應用按鈕會啟動導出向導,提出優化建議;按鈕則是由用戶制定一個可以接受的最大文件大小,由Fireworks去算出一種既可以滿足用戶要求而且<像質量又最好的優化參數。

圖3 導出預覽中圖像格式優化

 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved