DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks基礎 >> 自定義Firework命令輕松批量調整圖片[組圖]
自定義Firework命令輕松批量調整圖片[組圖]
編輯:Fireworks基礎     
網站圖片如果體積太大,就會增加服務器的負擔,浏覽速度也會受到影響。而我們拍攝的或者取得的圖片大小和容量一般都比較大,我們就需要對圖片大小和質量進行調整。如果是一組照片,還需要批量調整。

  Firework為網頁制作三劍客之一,是我們常用的網頁圖片制作工具,下面介紹如何在firework中批量調整圖片的方法。

   一、將調整圖片的步驟記錄到命令中

   1、 運行Firework8,選擇“文件”——“打開”,在“查找范圍”選擇圖片所在的目錄,將選擇圖片,按“打開”。(見下圖1.jpg)

   2、 選擇一圖片,如選1.jpg

   3、 調整圖片大小,選擇“修改”—“畫布”—“圖像大小”,“像素尺寸”寬設置成“420”像素,設成“約束比例”,按“確定”。(見下圖2.jpg)

4、 調整圖片品質,圖片的品質越高,生成的圖片容量就越大,將圖片設成相對低一點品質,可以控制圖片容量的大小。點擊“優化”,可以看到這幅圖片的品質值是“86”,那麼我們在下拉菜單中選擇“JPEG-較高品質”,這時的“品質”值是“80”,當然您也可以直接在品質中輸入“70”。(見下圖3.jpg)

 

   5、 點擊“文件”—“保存”。

   6、 選擇右邊面板組中“幀和歷史記錄”中的“歷史記錄”,選取所有的歷史記錄(鼠標左擊選取第一個步驟,按住“shift”鍵同時鼠標左擊最後一個步驟),按左下角的“將步驟保存為命令”,在彈出的“保存命令”對話框的“名稱”中輸入命令名稱,如輸入“resize”。可以看到在菜單“命令”中多了一個“resize”選項。(見下圖4.jpg)

二、利用生成的命令來調整其他圖片

  選擇圖片2.jpg,點擊“命令”中的“resize”,就完成了“一”中“3”至“5”中的步驟,完成了對2.jpg的修改,同樣修改3.jpg。(見下圖5.jpg)

 

  在下次打開firework時修改其他圖片時,“resize”命令項照常使用。

  三、結合firework中的批處理命令和生成的命令

  如果要同時處理幾十幅或幾百幅圖片,可以結合firework中的批處理命令和“resize”命令使用。

   1、 點擊“文件”—“批處理”

   2、 出現“批次”對話框,選取所要調整的圖片,點擊“繼續”。(見下圖6.jpg)

3、 出現“批處理”對話框,點擊“命令”前的“+”號,展開“命令”項,選取“resize”,點擊“添加”,再點擊“繼續”。(見下圖7.jpg)

 

   4、 出現另一個“批處理”對話框,“批次輸出”如選“與原始文件位置相同”則覆蓋原有的文件,可選擇備份方式,也可以不選擇備份,點擊“批次”。(見下圖8.jpg)

5、 Firework對所選圖片進行“resize”命令的批處理。(見下圖9.jpg)

   四、刪除新命令

  如果要刪除“resize”命令,可選“命令”中的“管理保存的命令”,選中“resize”,按“刪除”鍵。

  上面只是介紹了批量調整圖片大小和輸出品質的方法,您還可以增加“加入水印”等步驟一並保存到命令中,從而完成更多的批量修改內容。

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