網頁工具apng升級

本次升級：

• 增加裁切功能
• 增加jpeg導出
• 文件下載名為第一張圖片

修改了一些小小的問題，比如之前生成blob時沒有指定type，使某些瀏覽器下載時自動加上了.txt。

雖然只有短短幾句話，但確實磨了好幾日的時間，原因是canvas跟圖片的裁切邏輯沒有搞明白。一開始以為是先縮放再裁切，後來知道必須先裁切再縮放。

本品是為了某些kk計較的博主（比如寡人）而設計。大部份精簡圖片的程式，都只能精簡jpg。如果有精簡png功能的，都是大概把color數調到48左右。

本程式可以任意調color值，而且不限設備。

同時，基本很少有程式能提供apng生成功能。

希望大家幫忙測試下，地址是：https://ejsoon.win/apng/。

如果喜歡本品，希望能留下腳印，寡人非常高興見到留言。

功能介紹

• 能任意調整png的color值，從1到256。
• 如果是jpeg，能調整壓縮率，從1到100。
• 順帶裁剪，縮放功能。
• 順帶生成apng。

使用說明

一，傳圖

首先點進去，你會看到四個大字，點擊上傳。這裏可以上傳多張圖片。只是前端操作，並不會傳數據到我的服務器。

它的下面有一個delay，這個意思是，如果你上傳多張，那這裏就是每一張統一的動圖切換延時。

如果你希望每3秒6切換一張，那就把它改成3600。傳完之後，你也可以逐張調整延時。

同時還可以調整圖片順序。調整順序的方法是，點擊一張預覽圖，再點另一張，這兩張圖片就會交換位置。

傳二張及以上圖片是為了生成apng動圖，如果你只想精簡單張圖片，那就只需傳一張。jpeg只對第一張有效。

二，裁切和縮小

一般為了精簡圖片體積，我們都會把不相關的外圍部份裁掉。

點擊size sitting（英文，但它確實是我原創的代碼…）

點擊crop：

之後，點擊圖片，出現小紅點，再點擊下面的start或end，左上的start是綠色，右下的end是紅色。框選完成後點close關閉。

crop的數值還可以人工調整。

接下來是縮小，scale就是縮放m百分比：

強烈建議這裏設置一個寬度最大值max-width（或者高度最大值max-height）。

理論上這個工具可以放大，但一般用這個工具都是為了精簡圖片吧。

三，生成apng或jpeg

之後就能生成apng。

如果你只上傳一張，那就等於是精簡單張png圖片，delay的時間不起作用。

color是精簡png最關鍵的參數，它的範圍是1到256。數值越小，圖片體積越小。如果設置為0，等同於256。

如果要生成jpeg，只對第一張圖片生效。quality指的是jpeg的質量參數，也是調的越小，圖片體積越小。

最底下是每次生成的圖片的大小，精確到bit。1024個bit等於1k。

最後點擊「下載」即可。