我做了一個apng生成頁面

前端高手張鑫旭也做了一個apng的生成頁面,但是他的頁面有以下問題:

  1. 他沒有告訴我們他是怎麼做的,只說他用了兩個晚上完成(雖然這不是他的義務,但是有人或許想知道製作的過程)。

  2. 他的頁面上傳之後不能調整圖片順序。

  3. 他的程式無法調低png的質量。

當我知道upng.js可以實現生成apng的功能,並且可以像tinypng一樣調低png質量時,我就萌生了做一個apng生成頁面的想法。

後来經過核查,張鑫旭也是用upng做的。

這個是我做的程式網頁,ctrl+u可直接查看源碼。(剛剛才成功移植到我的wordpress網站,有點麻煩不過最終完成了,地址是https://ejsoon.win/apng/

如果你對我的製作過程感興趣,可以看這裏

1 个赞

不是很懂,apng是什么东西?

1 个赞

apng簡單而言就是能動的png。

張鑫旭的這篇文章應該介紹的很詳細了。

不過有些地方(比如小衆論壇)並不支持直傳apng,大概上傳之後會被後端處理掉a的部份,就只剩png了。

1 个赞

点个赞。虽然短期内我不会用这个 :see_no_evil:

感謝青小蛙的支持!順帶問下,小衆論壇的apng上傳之後成了png,但是沒見打水印,大小也沒有變,不知 Discourse 在搞甚麼?

从后台看是不允许上传 apng 的

假設你願意,discourse也可以設置的話,不如就開放apng吧。因為apng本身應該沒有安全問題,同時,如果不支持apng,有人可能就轉gif,這樣文件會變大,同時效果反而降低。 :grin:

https://www.zhangxinxu.com/sp/apng/assets/script.js?v=2

张鑫旭有个优点:他的示例代码一般不压缩

被你發現了 :laughing:

可惜我還是看不太懂,只是學習了其中能看懂的部份。

之前有人談論的tinypng,也就是縮減png體積的功能,本網頁程式也具備了。就是把色數寫為48或更低,即可大幅降低一張png圖片的體積。