🔊 https://mnya.tw/about/log/2018.html
【公告】全站背景大圖採用 JPG 漸進式渲染並壓縮加速
發布編號:457 - 發布日期:2018/11/15

萌芽系列網站全站背景大圖（尺寸基本上為 1920x1080）採用 MozJPEG 壓縮演算法進行 70 ~ 80 品質壓縮，將原本 1MB 上下的圖檔壓縮至 0.3 MB 以下，並採用漸進式渲染，讓背景圖不是傳統由上至下載入，而是改由模糊至清楚的方式載入，這可以讓低網速的瀏覽者更快看到背景圖而非整個色塊，這次改進將可以提升全站入站速度，且減少瀏覽本站所需要使用的流量！

#萌芽系列網站 #背景大圖 #MozJPEG #壓縮演算法 #漸進式渲染 #壓縮加速 #公告

🆕 https://mnya.tw/cc/word/1347.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , ⚙️JavaScript , ⚙️Node.js】
上一篇應該已經讓您了解 Gulp 是多麼方便且好用的任務管理工具，現在就讓我們運用 Node.js 環境下的 Gulp 運行「imagemin-mozjpeg」這款套件...
#Node_js #Gulp #運行 #imagemin_mozjpeg #mozjpeg #批次圖片壓縮 #圖片壓縮 #網站技術 #JavaScript #JS #Yarn #imagemin

🆕 https://mnya.tw/cc/word/1353.html
【作者：萌芽站長；💻萌芽綜合天地；📷多媒體 , 🌐網站技術 , ⚙️JavaScript , ⚙️Node.js , 🖼靜圖處理】
最近正在運用《Node.js：Gulp 運行 imagemin-mozjpeg，mozjpeg 批次圖片壓縮》這篇文章的技術幫整個萌芽系列網站進行圖片壓縮，不過有注意...
#Node_js #處理多層目錄檔案 #Gulp #mozjpeg批次圖片壓縮 #mozjpeg #批次圖片壓縮 #延伸篇 #多媒體 #靜圖處理 #JavaScript #JS #Gulp #Array #forEach

🆕 https://mnya.tw/cc/word/1355.html
【作者：萌芽站長；💻萌芽綜合天地；📷多媒體 , 🌐網站技術 , ⚙️JavaScript , ⚙️Node.js , 🖼靜圖處理】
這次來探討如何運用建構路徑物件的方式來方便管理 Gulp 的工作流程檔「gulpfile.js」，再來講 Gulp 提供的監看功能，只要來源目錄有任何檔案更動...
#Node_js #建構路徑物件 #路徑 #自動監看 #自動監看執行 #批次檔 #Gulp #mozjpeg批次圖片壓縮 #mozjpeg #批次圖片壓縮 #延伸篇 #JavaScript #JS #多媒體 #網站技術 #靜圖處理

🆕 https://mnya.tw/cc/word/1472.html
【作者：萌芽站長；💻萌芽綜合天地；📷多媒體 , 🌐網站技術 , ⚙️JavaScript , ⚙️Node.js , 🖼靜圖處理 , ⚙️Gulp】
這篇是延伸篇文章，過去我所提供的範例與教學都只能壓縮處理附檔名為 .jpg 的圖檔，但其實 mozjpeg 是可以批次壓縮 .jpeg、.JPG 與 .JPEG 的圖檔...
#Node_js #jpg #jpeg #JPG #JPEG #通通不遺漏的進行壓縮 #Gulp #mozjpeg批次圖片壓縮 #mozjpeg #批次圖片壓縮 #延伸篇 #JavaScript #JS #多媒體 #網站技術 #靜圖處理