創作內容

28 GP

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

作者:祭JAPAN│2010-01-27 19:50:07│巴幣:18│人氣:14721
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色才不會影響圖的構造


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




步驟1:將圖像轉為索引色

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



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



圖像改成索引色彩了


步驟2:色調分離

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



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


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


步驟3:壓縮


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

此時查看檔案大小:
37.2K!大功告成!!

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




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

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


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

步驟2:壓縮
如上面pngout所述



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


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




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

Root

魔曆元年‧月風魔傳說 - FC超大作月風魔傳完整攻略流程及個人心得
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=501196
All rights reserved. 版權所有,保留一切權利

相關創作

同標籤作品搜尋:教學|pngout|圖像壓縮

留言共 22 篇留言

s1552662002
很實用...

繼續研究第二遍XD

01-27 20:09

祭JAPAN
好好的善加利用吧XD01-28 15:15
medicine
很實用+1
現在都用jpg比較多~@@

用這個應該能有效降低系統負擔@@~

我往日遊戲那篇文章快500張圖...
其實一直在想要不要開一篇新的來發文..@@~

ps:另外感謝先前收入精華區>v<~

01-27 20:15

祭JAPAN
壓縮完的png大小其實跟jpg一般品質圖檔沒有差太多
不過圖檔不會出現破壞性壓縮的雜點,還是png略勝

筆者在哈拉版的攻略專欄也是數十篇篇下來動輒數百張圖
也是必須找時間來做處理=3=01-28 14:44
絕倫逸群
實用+1
我的圖常被嫌太大開很慢...

01-27 21:08

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

不過大量影片文章還是無法避免累格。

01-27 22:15

祭JAPAN
畢竟影片跟圖像的檔案量差了很多
或許以後就有影片壓縮的新技術也說不定01-28 14:58
黑白鬼
很實用^^
可惜過程有點長~

01-27 22:17

祭JAPAN
台上十分鐘、台下十年功...
前置作業雖然有點麻煩
不過為了開圖檔的效能和相簿空間的節省,花點時間還是值得的01-28 15:02
Root
喔耶~~~
我可以慢慢研究了,感謝啦!

01-27 22:35

祭JAPAN
修改的真快!!
月風魔那篇開圖已經不會嚴重lag了^^01-29 17:34
寂寞≠孤單
最近剛好學這個..也知道png檔..不過大部分還是存成jpg..
壓縮圖檔對於上傳到blog或是其他網路空間實在是太重要了!!!
感謝分享教學^_^!

01-27 23:14

祭JAPAN
從現在起可以對jgp一般品質圖檔的破壞性壓縮說掰掰XD01-29 17:36
nina
真不虧是我弟=u=
確實是實用技吶~

01-28 19:46

祭JAPAN
過獎啦^^02-05 14:58
SAM in sfw
FC的圖顏色如果可以用手指頭數...可以考慮用GIF...
http://img18.imageshack.us/img18/6237/4b41.gif

保留鋸齒邊更能凸顯顏色的數量,對壓縮更有幫助。

02-05 00:34

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

02-24 07:15

祭JAPAN
感謝XD02-24 16:53
黑部立山
看起來很實用~~

謝謝分享~~~push~~

02-24 07:16

豆花趁熱吃
感謝分享喔 ^^

02-24 10:27

祭JAPAN
不客氣~~02-24 17:03
Himemi
寫得還挺用心的XD

02-24 13:10

祭JAPAN
多謝捧場
同時期待樓下兩位的paint.net教學文誕生02-24 17:05
神之米蟲
paint.net -> 另存新檔 -> 降色階

一套免費軟體又完全不用花心思,何必這麼辛苦轉來轉去?

02-24 14:08

祭JAPAN
客倌會用的軟體不一定別人都會使用,在此筆者只是分享自身的經驗
還是多謝分享新方法02-24 17:01
老古董
我也是這樣欸0..0
paint.net 好用

02-24 14:49

祭JAPAN
看起來有不錯的新方法
期待客倌與樓上的教學文^^02-24 17:06
潛水娘
好文推推推!!

02-24 16:30

祭JAPAN
GP CATCH!!!02-24 17:03
瑪莉龜
太好了!

02-24 18:41

祭JAPAN
Yes!!!!We can!!03-07 23:16
月宵
是不錯,只是在下為了講求自己作品的畫質都會用負擔最大的bmp檔,也就是點陣位元檔。



這是一種原則!

02-24 22:23

祭JAPAN
好驚人的執著...
不過壓縮主要是用於攻略介紹的圖片和勇造,通常要求也不會太高
但繪畫作品的話,筆者也會講求品質03-07 23:18
服部 香弥
除了以上兩種程式,我還推薦WaveL Pic2Pic,簡單又好使用。

02-24 23:10

祭JAPAN
能集思廣益大家的意見真好>w<03-07 23:16
BH2
換成PNG真的檔案會小很多!

02-25 17:02

祭JAPAN
積少成多,益處不容小覷!03-07 23:19
雷穆斯
說到這個.....
之前我投稿勇造用的壓縮工具是這個
http://forum.gamer.com.tw/C.php?page=1&bsn=60153&snA=3265

不過感覺小祭的方法似乎比較好[e20]

12-04 08:24

雷穆斯
補充問一下
PS智慧型物件化濾鏡+銳利化有助於成稿又不失重量嗎?
因為之前投稿時還沒有這個概念

12-04 08:26

我要留言提醒:您尚未登入,請先登入再留言

28喜歡★kidus 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:【電波歌】MOSAIC.... 後一篇:格鬥四人組2(Stree...

追蹤私訊切換新版閱覽

作品資料夾

xzp83502在線巴哈們
果果日記小屋更新中~ 歡迎進來參觀 謝謝^^看更多我要大聲說昨天22:18


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】