萌芽系列網站 ‧ Mnya Series Website🌳

🆕 https://mnya.tw/cc/word/1175.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網路應用】
「YouCompress」可以線上壓縮 MP4、MOV、MP3、PDF、PNG、JPG、JPEG、GIF 檔案，減少照片、影片...
#YouCompress #線上壓縮 #線上 #壓縮 #免費 #照片 #影片 #文件 #網路應用

萌芽綜合天地

YouCompress：線上壓縮照片、影片與文件 - 萌芽綜合天地 - 萌芽網頁

「YouCompress」可以線上壓縮 MP4、MOV、MP3、PDF、PNG、JPG、JPEG、GIF 檔案，減少照片、影片與文件的檔案大小，完全免費，且不會有浮水印，壓縮後品質也保持的相當好，相當推薦您使用！ ▲「YouCompres […]

46 views23:41

萌芽系列網站 ‧ Mnya Series Website🌳

🆕 https://mnya.tw/cc/word/1257.html
【作者：萌芽站長；💻萌芽綜合天地；🖥多媒體 , 🌐網路應用 , 🖼靜圖處理】
「Squoosh」是由 Google 旗下團隊「GoogleChromeLabs」推出的超強圖片壓縮工具，因為是 Chrome APP，可以同步支援手機，且可以離線...
#Squoosh #GoogleChromeLabs #Google #超強圖片壓縮工具 #圖片壓縮工具 #離線 #支援手機 #圖片壓縮 #壓縮 #多媒體 #網路應用 #靜圖處理

萌芽綜合天地

Squoosh：Google 推出的超強圖片壓縮工具、可離線使用且完美支援手機 - 萌芽綜合天地 - 萌芽網頁

「Squoosh」是由 Google 旗下團隊「GoogleChromeLabs」推出的超強圖片壓縮工具，因為是 Chrome APP，可以同步支援手機，且可以離線使用，非常方便！這個網站可將 jpg、png 等圖檔用適合的壓縮方式壓縮，可在視覺無法察覺的情況下將圖檔壓縮到非常小， […]

57 views14:09

萌芽系列網站 ‧ Mnya Series Website🌳

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

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

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

75 views14:33

萌芽系列網站 ‧ Mnya Series Website🌳

🆕 https://mnya.tw/cc/word/1351.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 🎨CSS , ⚙️JavaScript , ⚙️Node.js】
上一篇已經可以知道 Node.js 環境下 Gulp 任務管理工具可以幫助我們快速處理工程師不想手動完成的事情，這篇要講的主題是壓縮 CSS...
#Node_js #Gulp #運行 #gulp_clean_css #clean_css #gulp_sourcemaps #網站技術 #JavaScript #JS #CSS #批次壓縮CSS #批次壓縮 #壓縮CSS

萌芽綜合天地

Node.js：Gulp 運行 gulp-clean-css，批次壓縮 CSS - 萌芽綜合天地 - 萌芽網頁

《上一篇：Node.js：Gulp 運行 Autoprefixer，批次處理 CSS 供應商前綴問題》已經可以知道 Node.js 環境下 Gulp 任務管理工具可以幫助我們快速處理工程師不想 […]

94 views15:24

萌芽系列網站 ‧ Mnya Series Website🌳

🆕 https://mnya.tw/cc/word/1358.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , ⚙️JavaScript , ⚙️Node.js】
上一篇我們已經瞭解到如何將 CSS 壓縮成較小的檔案啦！這篇文章我們要更完整的敘述封裝檔案這件事情，不過由於 CSS 已經說過了，這次就用 JavaScript...
#Node_js #Gulp #套件 #JavaScript #JS #合併 #壓縮 #min #命名 #重新命名 #JS封裝 #JavaScript封裝 #網站技術 #Yarn #gulp_concat #gulp_uglify #gulp_rename

萌芽綜合天地

Node.js：Gulp 套件協助將 JavaScript 合併、壓縮與命名，將 JS 封裝吧！ - 萌芽綜合天地 - 萌芽網頁

《上一篇：Node.js：Gulp 運行 gulp-clean-css，批次壓縮 CSS》我們已經瞭解到如何將 CSS 壓縮成較小的檔案啦！這篇文章我們要更完整的敘述封裝檔案這件事情， […]

82 views16:08

萌芽系列網站 ‧ Mnya Series Website🌳

🆕 https://mnya.tw/cc/word/1431.html
【✨精選文章；作者：萌芽站長；💻萌芽綜合天地；🖥軟體應用 , 🌐網站技術 , ⚙️JavaScript , 🗂Node.js , 🗃Webpack , 📄Visual Studio Code】
距離上次發表 Node.js 教學文時隔四個月的時間，暑假決定來好好研究一波 Webpack，它跟 Gulp 算是同樣類型的工具，Gulp 偏向自己寫流程，Webpack 則是...
#Node_js #Nodejs #Webpack #基礎概念 #Webpack基礎概念 #JS封裝過程教學 #JavaScript封裝過程教學 #JS #JavaScript #使用VSCode #VSCode #Visual_Studio_Code #軟體應用 #網站技術 #網頁壓縮 #網頁封裝 #壓縮 #封裝

萌芽綜合天地

Node.js：Webpack 基礎概念與 JS 封裝過程教學（使用 VS Code） – 萌芽綜合天地

距離上次發表 Node.js 教學文時隔四個月的時間，暑假決定來好好研究一波 Webpack，它跟 Gulp 算是同樣類型的工具，Gulp 偏向自己寫流程，Webpack 則是寫好配置文件交由程式直接跑，就不用自己設定流程，不過最終都是達到封裝的目的，至於網頁為什麼要封裝？身為站長的我必須告訴你，一個網站若沒有做封裝，除了用戶要下載的資訊量較多，檔案下載要求也會非常多，這會導致載入速度過慢的問題，

51 views12:11

Add a comment

萌芽系列網站 ‧ Mnya Series Website🌳

🆕 https://mnya.tw/cc/word/1432.html
【✨精選文章；作者：萌芽站長；💻萌芽綜合天地；🖥軟體應用 , 🌐網站技術 , 🎨CSS , 🎨Sass/SCSS , ⚙️JavaScript , 🗂Node.js , 🗃Webpack , 📄Visual Studio Code】
上一篇我們已經講到 Webpack 的基礎概念與如何做 JS（JavaScript）的封裝，這一篇則是要教大家如何用 Webpack 封裝 CSS 與 SCSS...
#Node_js #Nodejs #Webpack #封裝CSS #封裝SCSS #封裝 #CSS #SCSS #Sass #JS #JavaScript #使用VSCode #VSCode #Visual_Studio_Code #軟體應用 #網站技術 #網頁壓縮 #網頁封裝 #壓縮 #封裝

萌芽綜合天地

Node.js：Webpack 封裝 CSS、SCSS 成單一 JS 教學（使用 VS Code） – 萌芽綜合天地

上一篇：Node.js：Webpack 基礎概念與 JS 封裝過程教學（使用 VS Code）》我們已經講到 Webpack 的基礎概念與如何做 JS（JavaScript）的封裝，這一篇則是要教大家如何用 Webpack 封裝 CSS 與 SCSS，而且最終是跟原來的 JS 一起包裝成單一個 JS 檔！這樣最終的「產品」只要要求一個 JS 檔案就可以同時獲得所有需要的樣式表與腳本了！

69 views15:35

Add a comment

萌芽系列網站 ‧ Mnya Series Website🌳