-
1 個附加檔案
png 優化程式集
以前習慣用 advpng、pngout、pngrewrite 這三個程式來優化 png 檔案，而近幾年有新的優化程式出現，便整理了相關檔案，提供給大家使用。
在收集檔案前，看了三個程式包，分別是 ScriptPNG、Image Catalyst、PNGSlim。
檔案 scriptpng.zip 包含以下程式：
deflopt.exe
defluff.exe
pngout.exe
truepng.exe
檔案 Image Catalyst.zip 包含以下程式：
advdef.exe (需要 zlib.dll)
deflopt.exe
defluff.exe
pngout.exe
truepng.exe
檔案 pngslim.zip 包含以下程式：
advdef.exe (需要 zlib.dll)
deflopt.exe
optipng.exe
pngoptimizercl.exe
pngout.exe
pngrewrite.exe
PNGSlim 不建議使用，因為做了太多無效嘗試，無法達到節能減碳的效果；ScriptPNG 和 Image Catalyst 就相對簡單，不過無法測試完全，因為腳本撰寫不良，以及語言介面的相容問題。
每個優化程式都有其專長之處，難有單一程式就具備完全的優勢。儘管如此，也並非使用更多的優化程式，就能達到最佳的效果。程式的使用與否，先後順序，參數指定，都會影響最終的檔案大小。
許多圖片優化程式或服務會宣稱只有自家的才具備最佳效果，還提供測試樣本，用來支持自身的立場。這類的說法參考就好，因為實務上不見得是如此。而且，小聲地說，只要用了對的程式、對的順序、對的參數，效果還會更好。
測試參考：
[url=http://www.css-ig.net/]PNG and JPG Optimizers[/url]
線上的圖片優化服務：
[url=http://www.pngoptimizer.com/]Online PNG optimizer[/url]
[url=http://www.punypng.com/]PunyPNG - PNG Compression and Image Optimization - Gracepoint After Five[/url]
[url=http://www.kraken.io/]Kraken Web Optimizer - Online Optimization Tool[/url]
[url=http://tools.dynamicdrive.com/imageoptimizer/]Online Image Optimizer: Optimize your GIFS, JPGS, and PNGS online.[/url]
[url=http://www.sitereportcard.com/imagereducer.php]Image Optimization Tool[/url]
-
更新了 png 程式集。如果各位有認為不錯的程式沒有收錄到，可列舉出來。
附件內容是給 32 位元的 Windows 使用，其他系統可使用線上圖片優化服務，或是自行尋找和編譯程式。
-
個人使用的見解：
1. advdef
減少幾個位元組。在 advpng、optipng、pngout 後使用；可和 deflopt、defluff 搭配使用。
2. deflopt
減少幾個位元組。在 advpng、optipng、pngout 後使用；在 defluff 前使用。
3. defluff
減少幾個位元組。在 advpng、optipng、pngout 後使用；在 deflopt 後使用。
4. advpng
用於色彩單純、線條分明的圖片。含漸層色彩和反鋸齒效果的圖片，會降低壓縮率。
5. optipng
基於 pngcrush 改良。比較複雜的圖片，可先嘗試此程式。
6. pngout
必備的程式。在 advpng、pngrewrite、optipng 後使用。
7. pngcheck
檢查檔案的完整性，顯示色彩類型和圖片大小資訊。
8. pngcrush
新增、編輯、移除區塊 (chunk)。優化部分可使用其他程式代替。
9. pngkt
移除 (殺掉) 透明像素的顏色。透明的地方會用黑色填充，以提高壓縮率。
10. pngrewrite
顏色不超過 256 色使用，以便重新整理調色盤。
11. pngwolf
新程式，拿來備用。
12. truepng
基於 optipng 改良。隱含 pngkt 功能。
13. bmp2png
將 bmp 轉換為 png。可保留透明通道，並支援萬用字元。
14. png2bmp
將 png 轉換為 bmp。可保留透明通道，並支援萬用字元。
15. cq
色彩量化。簡易修改圖片，檢查用了多少顏色。
16. tweakpng
用來插入、編輯、刪除、匯入、匯出區塊 (chunk) 的程式。手動分割、合併 IDAT 區塊。
依據 PNG 規範，可以指定色彩空間資訊，以便「修正」色彩不正確的問題。對於極簡主義者，可以把 gAMA、cHRM、sRGB、iCCP 這些區塊刪除。為何要刪除呢？因為網路上有很多、非常多、超級多的圖片，都是經過 Adobe 軟體的洗禮，會儲存一些使用者可能一生都看不到一次的資訊在檔案裡。與其說是 PNG 規範的問題，不如說是那些任意添加資訊的軟體才是始作俑者，甚至連曾經犯下的錯誤，還要請別人幫忙清理殘局。為了色彩問題，只是滿足了少數族群的幻想，對於整個大局幫助有限。
-
回覆: png 優化程式集
一直以來很相信琥珀，印象裡，值得一信。收下了。[B]謝謝[/B]分析一二，受用了。:lovely:
-
處理過的影像色彩，主要為以下這些：
① 256 彩色
② 256 彩色，透明
③ 全彩 24 位元
④ 全彩 24+8 位元，透明
①和②大都是從 GIF 圖片轉換而來。有時待優化的圖片，色彩範圍可容納在 256 色內，因此自動降低位元深度。
③是目前最常遇到的情況。這裡所說的優化，絕大多數都是指此種色彩類型的圖片。
④是比較需要注意的一種。後期的圖片優化，有特別針對具備透明度的圖片作處理，使其達到較佳效果。使用前還是要先思考一下，看是要保留原圖的透明部分，還是要連同一起捨棄，端看使用者的需求了。
-
同一張圖片，只用到 Crop 和 Resize / Scale 這兩項基本功能，使用不同的圖片編輯器，可能會影響到最終結果。
有興趣的你，不妨試試以下操作，是否和人家的測試結果一致。
線上編輯圖片：[url=http://www.online-image-editor.com/]網站一[/url]、[url=http://www.lunapic.com/]網站二[/url]、[url=http://www.picresize.com/]網站三[/url]、[url=http://images.my-addr.com/resize_png_online_tool-free_png_resizer_for_web.php]網站四[/url]
① Get - 取得原始圖片。([url=http://www.eufonie.jp/product/koiken_revive/after_story/images/ch01.png]安國茜[/url]@[url=http://www.eufonie.jp/product/koiken_revive/]戀劍少女～再燃～[/url]；[url=https://yande.re/post/show/278294]副本[/url]@我的病嬌萌妹)
② Load - 載入圖片。1009*1799。
③ Crop - 截取圖片的一部分。1009*1764。
④ Resize - 重新調整圖片大小。400*700。
⑤ Save - 儲存圖片。
⑥ Optimize 1 - 使用 [url=http://ezgif.com/optipng]Ezgif.com[/url] 標準優化。(推測為非必要操作；統一訊息摘要之用)
⑦ Optimize 2 - 使用 [url=http://css-ig.net/pngslim]pngslim[/url] 進階優化。
前兩個網站有提供 Crop 功能。先儲存好圖片，接下來的網站直接 Resize 即可。
只有⑦需要 Windows 系統。建議用智慧型手機或雙系統平板，體驗「心痛」的感覺。
測試結果：
網站一，優化後 257.67 KB (263,859 B)
網站二，優化後 257.68 KB (263,861 B)
網站三，優化後 296.91 KB (304,036 B)
網站四，優化後 340.81 KB (348,992 B)
比較圖片：
[url=http://www.catenarysystems.com/demos/compare/comparator.aspx]影像合併及比較[/url]
測試樣本：
下載[url=http://www.uloz.to/soubory/tenshikohaku/avatar/]化身[/url]。這六個月來，製作頭像用的存檔資料。
拿出慣用的影像處理軟體來測試，結果是否會比較好呢？
-
下載 [url=http://aoriika.exout.net/]Yukari 0.99*[/url] 圖片減色程式 ([thread=148239]存檔資料[/thread]。幾年前有找過一次，當時檔案連結失效。)
要 .net framework 2.0。在人家的手機上，檔案解壓縮失敗，改用桌上型系統再試一次。
▼原始圖片和減色圖片
[url=http://img19.imageshack.us/my.php?image=winvero.png][img]http://img19.imageshack.us/img19/9996/winvero.th.png[/img][/url] [url=http://img35.imageshack.us/my.php?image=tenshiy.png][img]http://img35.imageshack.us/img35/2448/tenshiy.th.png[/img][/url]
-
這幾年還是有關注 png/jpg 的後處理程式，而最近 css-ig.net 提供的 pingo (和人物 蘋狗 無關聯)，是目前宇宙世界無敵高的一個，大概有三、四樓那麼高。
直接用終極參數實驗，結果如下：
[url=https://yande.re/post/show/219887][img]https://assets.yande.re/data/preview/79/9c/799ce0cdbb6aebe60d52ca8c2e47a95d.jpg[/img][/url]
2,197,893 (2.09 MB)
s4 -> 2,112,635 (2.01 MB)
x0 -> 1,371,468 (1.30 MB)
x0 + x1 -> 928,113 (906.4 KB)
x1 -> 929,676 (907.9 KB)
[url=https://yande.re/post/show/278294][img]https://assets.yande.re/data/preview/d3/67/d367b6791609565d4b4121962cd75ba6.jpg[/img][/url]
376,095 (367.3 KB)
1,328,045 (1.26 MB)
s4 -> 354,855 (346.5 KB)
x0 -> 315,490 (308.1 KB)
x0 + x1 -> 232,853 (227.4 KB)
x1 -> 243,538 (237.8 KB)
s4 -> 1,166,036 (1.11 MB)
s4 + x0 + s4 -> 883,219 (862.5 KB)
s4 + x0 + x1 + s4 -> 725,431 (708.4 KB)
s4 + x1 + s4 -> 727,567 (710.5 KB)
x0 + s4 -> 882,790 (862.1 KB)
x0 + x1 + s4 -> 725,100 (708.1 KB)
x1 + s4 -> 728,009 (710.9 KB)
[url=https://yande.re/post/show/303859][img]https://assets.yande.re/data/preview/4d/82/4d82d5b900194c820d47b510a921a8ad.jpg[/img][/url]
738,607 (721.3 KB)
s4 -> 639,606 (624.6 KB)
x0 -> 387,755 (378.7 KB)
x0 + x1 -> 287,265 (280.5 KB)
x1 -> 299,881 (292.9 KB)
[url=https://yande.re/post/show/331268][img]https://assets.yande.re/data/preview/e2/d0/e2d08c5aad9a42cc2948aaa239d3d227.jpg[/img][/url]
1,131,004 (1.07 MB)
4,252,782 (4.05 MB)
s4 -> 1,082,041 (1.03 MB)
x0 -> 962,614 (940.1 KB)
x0 + x1 -> 695,952 (679.6 KB)
x1 -> 730,779 (713.7 KB)
s4 -> 4,083,319 (3.89 MB)
x0 + s4 -> 3,079,732 (2.93 MB)
x0 + x1 + s4 -> 2,298,919 (2.19 MB)
x1 + s4 -> 2,332,150 (2.22 MB)
[url=https://yande.re/post/show/347366][img]https://assets.yande.re/data/preview/57/e9/57e92c0bcd35775c24e5a897c8a2e94b.jpg[/img][/url]
2,119,683 (2.02 MB)
s4 -> 2,007,869 (1.91 MB)
x0 -> 792,831 (774.2 KB)
x0 + x1 -> 582,164 (568.5 KB)
x1 -> 601,244 (587.2 KB)
