日誌2010-01-27 19:50

【教學文】善用Png壓縮，減少開圖的負擔

PNG圖檔擁有不破壞性壓縮、允許半透形背景的特性
是眾多不希望圖像被破壞性壓縮的巴友們首選的檔案類型

但是相對於JPG，過於擁種的檔案大小，讓人想用卻又敬而遠之
雖可使用PNGOUT這類壓縮軟體來降低檔案量，但PNG檔本身的設定卻又有一定的底限

---

在這邊以prettysamy的月風魔傳完整攻略其中一張道具藍圖為例子

原圖


修正後的圖

看似上面兩張圖沒有多大差別，但只要看了檔案大小就可知...

152K vs 37.2K，足足少了約100K的大小

在一篇很多張圖片的文章裡，差別可能不只KB上的差異而是動輒MB
明顯的間接影響開圖檔的時間以及對系統的負擔
在此，筆者提供有效率的壓縮方法
備註：適用於16-bit的圖，32-bit若不太鮮艷的圖尚可用

---

進入此教學需要兩個軟體：

• PNGOUT
• Photoshop(沒有的話用XnView替代)

首先，截圖之後(PNG或GIF都無坊)將圖放入Photoshop
若有要對影像做像兩張圖像合併的情況，索引色後的圖是不能做複製動作的

合併圖範例


得先將圖片改成RGB色，再作調整(色版訊息顯示於紅框處)


原始檔案為PNG通常內建為RGB色版
若為GIF則內建為索引色版，先轉RGB色再作調整

切記，若要做尺寸大小調整，要先轉索引色在改變大小
調完後再轉RGB色才不會影響圖的構造

以上為進階用法，不是很熟的巴友以上可以跳過
當圖內容、大小都調整好之後，接下來就是本篇主旨了

---

步驟１：將圖像轉為索引色

選擇影像→模式→索引色選項



記得透明要勾起來，以後要改時比較方便
其餘可以略過



圖像改成索引色彩了


步驟２：色調分離

選擇影像→調整→色調分離



調整色階
紅白機遊戲的話大約16~32就很夠了，超任時期遊戲大約24~64
其餘大約80以下視情況調整(善用預視功能啊)
當作索引色調整時顏色選項超過150時才要使用

修正完之後存檔，此時的圖檔大小為64.2K


步驟３：壓縮

將圖拖曳到pngout程式
拖曳後自行壓縮，等待一段時間後覆蓋原始檔案

此時查看檔案大小：
37.2K！大功告成！！

※前面色調分離調32時，壓縮結果為44K且沒多大差異，如何取捨很清楚了嘛…

---

補充XnView使用法
步驟１：點選圖片按右鍵→批次轉換

批次轉換可同時修正很多張圖，挺方便的


一般選項設輸出PNG，並不要勾刪除原始選項，轉換部分選「轉換成彩色」
參數類似所謂的色調分離，只不過能選的選項有限
且無法預視成果為何，可能要調多次才能調到想要的

步驟２：壓縮
如上面pngout所述

---

雖然過程會有點冗長，不過修正過後的圖像大幅瘦身
無論是對系統負擔的減輕、對作者的相簿空間、對觀眾的好處
絕對是值回票價的

最近發現很多巴友都有圖像檔案大小上的苦惱所以就發了這篇
希望對大家有幫助

---

補充一下圖片的來源與作者介紹

Root

魔曆元年‧月風魔傳說 - FC超大作月風魔傳完整攻略流程及個人心得

28

22

LINE 分享

相關創作

第七章 醫療所

[達人專欄] 【Godot Plugin】幫你的遊戲加入對話系統 —— Dialogic 2

第三章 方緣操作手冊

留言

• 2010-01-27 20:09s1552662002：
  很實用...
  
  繼續研究第二遍XD

  2010-01-28 15:15祭JAPAN：好好的善加利用吧XD

• 2010-01-27 20:15medicine：
  很實用+1
  現在都用jpg比較多~@@
  
  用這個應該能有效降低系統負擔@@~
  
  我往日遊戲那篇文章快500張圖...
  其實一直在想要不要開一篇新的來發文..@@~
  
  ps:另外感謝先前收入精華區>v<~

  2010-01-28 14:44祭JAPAN：壓縮完的png大小其實跟jpg一般品質圖檔沒有差太多
  不過圖檔不會出現破壞性壓縮的雜點，還是png略勝
  
  筆者在哈拉版的攻略專欄也是數十篇篇下來動輒數百張圖
  也是必須找時間來做處理=3=

• 2010-01-27 21:08絕倫逸群：
  實用+1
  我的圖常被嫌太大開很慢...

  2010-01-28 15:04祭JAPAN：好好的利用吧
  圖檔過大的話(超過640)還是用JPG比較划算
  不過依巴哈的版型，640以下尺寸的圖就夠用了

• 2010-01-27 22:15AJL：
  感謝教學～
  
  不過大量影片文章還是無法避免累格。

  2010-01-28 14:58祭JAPAN：畢竟影片跟圖像的檔案量差了很多
  或許以後就有影片壓縮的新技術也說不定

• 2010-01-27 22:17黑白鬼：
  很實用^^
  可惜過程有點長~

  2010-01-28 15:02祭JAPAN：台上十分鐘、台下十年功...
  前置作業雖然有點麻煩
  不過為了開圖檔的效能和相簿空間的節省，花點時間還是值得的

• 2010-01-27 22:35Root：
  喔耶~~~
  我可以慢慢研究了，感謝啦!

  2010-01-29 17:34祭JAPAN：修改的真快!!
  月風魔那篇開圖已經不會嚴重lag了^^

• 2010-01-27 23:14寂寞≠孤單：
  最近剛好學這個..也知道png檔..不過大部分還是存成jpg..
  壓縮圖檔對於上傳到blog或是其他網路空間實在是太重要了!!!
  感謝分享教學^_^!

  2010-01-29 17:36祭JAPAN：從現在起可以對jgp一般品質圖檔的破壞性壓縮說掰掰XD

• 2010-01-28 19:46nina：
  真不虧是我弟=u=
  確實是實用技吶~

  2010-02-05 14:58祭JAPAN：過獎啦^^

• 2010-02-05 00:34SAM in sfw：
  FC的圖顏色如果可以用手指頭數...可以考慮用GIF...
  http://img18.imageshack.us/img18/6237/4b41.gif
  
  保留鋸齒邊更能凸顯顏色的數量，對壓縮更有幫助。

  2010-02-05 15:01祭JAPAN：原委託人似乎比較偏向平滑化的畫面處理...
  不過倒也不失一種新的處理方法

• 2010-02-24 07:15黑部立山：
  很實用

  2010-02-24 16:53祭JAPAN：感謝XD

• 2010-02-24 07:16黑部立山：
  看起來很實用~~
  
  謝謝分享~~~push~~
• 2010-02-24 10:27豆花趁熱吃：
  感謝分享喔 ^^

  2010-02-24 17:03祭JAPAN：不客氣~~

• 2010-02-24 13:10Himemi：
  寫得還挺用心的XD

  2010-02-24 17:05祭JAPAN：多謝捧場
  同時期待樓下兩位的paint.net教學文誕生

• 2010-02-24 14:08神之米蟲：
  paint.net -> 另存新檔 -> 降色階
  
  一套免費軟體又完全不用花心思，何必這麼辛苦轉來轉去？

  2010-02-24 17:01祭JAPAN：客倌會用的軟體不一定別人都會使用，在此筆者只是分享自身的經驗
  還是多謝分享新方法

• 2010-02-24 14:49老古董：
  我也是這樣欸0..0
  paint.net 好用

  2010-02-24 17:06祭JAPAN：看起來有不錯的新方法
  期待客倌與樓上的教學文^^

• 2010-02-24 16:30潛水娘：
  好文推推推!!

  2010-02-24 17:03祭JAPAN：GP CATCH!!!

• 2010-02-24 18:41瑪莉龜：
  太好了！

  2010-03-07 23:16祭JAPAN：Yes!!!!We can!!

• 2010-02-24 22:23月宵：
  是不錯，只是在下為了講求自己作品的畫質都會用負擔最大的bmp檔，也就是點陣位元檔。
  
  
  
  這是一種原則！

  2010-03-07 23:18祭JAPAN：好驚人的執著...
  不過壓縮主要是用於攻略介紹的圖片和勇造，通常要求也不會太高
  但繪畫作品的話，筆者也會講求品質

• 2010-02-24 23:10服部　香弥：
  除了以上兩種程式，我還推薦WaveL Pic2Pic，簡單又好使用。

  2010-03-07 23:16祭JAPAN：能集思廣益大家的意見真好>w<

• 2010-02-25 17:02BH2：
  換成PNG真的檔案會小很多！

  2010-03-07 23:19祭JAPAN：積少成多，益處不容小覷！

• 2011-12-04 08:24雷穆斯：
  說到這個.....
  之前我投稿勇造用的壓縮工具是這個
  http://forum.gamer.com.tw/C.php?page=1&bsn=60153&snA=3265
  
  不過感覺小祭的方法似乎比較好[e20]
• 2011-12-04 08:26雷穆斯：
  補充問一下
  PS智慧型物件化濾鏡+銳利化有助於成稿又不失重量嗎?
  因為之前投稿時還沒有這個概念

• 送出