demoshop

demo, trying to be the best_

身為網站開發者的我們都深知網路頻寬的珍貴,頻寬可以賺進鈔票也可以讓你付出鈔票,身為一個有 Sense 的網頁開發者通常會對於網站流量最大的殺手【圖片】有又愛又恨的感覺,少了圖片網站缺少了視覺,太多圖片又浪費掉很多流量,因此我們可能會想對圖片做壓縮的動作,但不是專業美術設計人員的工程師又如何快又有效率的完成這件事情呢?

偉大的 Visual Studio 2010 中有一個很有趣的套件 Image Optimizer 就可以做到這件複雜又麻煩的事情。

下載方式很無聊,請自行點選上方的主要下載,來說說使用方法吧,使用方法超簡單對你的圖檔資料夾案滑鼠右鍵(當然是在 Visual Studio 裡面按)

選擇 Optimize images


程式就會開始跑跑跑,依據你的圖檔大小和多寡來決定它會跑多久

跑完以後可以明顯看到,跳過10個檔案、最佳化了64個檔案、總共小了 69.81%


這實在是驚人阿,隨便一點就可以最佳化圖片,馬上來看看檔案大小的變化

先拿一張JPG的圖來看看,原本有 30.95KB 最佳化後剩下 7.10KB


看看它到底做了什麼

初步的看出來,它移除了對於網頁圖片不需要的 IPTC 和 EXIF 檔案


再利用作業系統的內容來看詳細資訊(這是最佳化前)

這是最佳化後


單看一個檔案沒有 Fu 我們來看看整個資料夾的圖檔被優化以後的效果

不錯吧


雖然說圖檔最佳化的工具很多,而且批次處理的工具也很多,但是這套件可以讓完全沒有這方面經驗的程式開發者也可以很快速的最佳化網站素材圖片,而且是在 Visual Studio 中直接無腦使用,算是一個相當方便的工具。

回應討論