對於外貿建站業務的小伙伴來說,網站的速度是非常重要的。而圖片就是網站打開速度的關鍵問題。這期筆者介紹10個好用的圖片壓縮工具和插件來幫助小伙伴們解決圖片內存過大的問題。
圖片壓縮可以提升網站頁面的打開速度,所以我們在一定要控制好上傳到網站圖片的大小。
網站為什麼要做圖片壓縮?
我們平時用相機、手機拍攝以及使用圖像處理工俱生成的圖片都是有大小的,根據圖像的格式不同,尺寸不同,像素不同,圖像的大小也會不同。
一個網站的頁面大小是由這個頁面承載的內容決定的,這些內容包含HTML、CSS、JS、圖片、視頻、音頻等等。而頁面大小影響到用戶打開頁面的時間(這個時間建議保持在4S以內),如果這時間太長用戶沒有耐性等待就會跳出網站。搜索引擎也在監控你的網站,如果它發現大量的用戶跳出你的網站,將會降低推薦和索引。慢慢的你的用戶將很難在看到你的網站,即使你做廣告投放,大量的用戶跳出也會影響最終的轉化效果。
所以當你希望在頁面增加更多內容時,就需要考慮這些內容會不會讓我的頁面變得更大,尤其是圖片。大部分情況下,媒體文件(圖片、視頻等)的加載相對其他的內容(HTML、CSS、JS等)需要消耗更多資源,因為媒體資源要大得多!
網站圖片大小的基本要求
首先,從用戶閱讀體驗的角度來說,並不提倡頁面完全不使用圖片,有時候為了幫助用戶更好的理解內容,我們可以配圖來提升閱讀體驗,只需要我們對圖片做好壓縮優化,就不會對網站速度產生較大影響。
我們在網站放圖片時,建議採用以下基礎標準和要求:
- 超級大圖 <400KB
寬度在1920px以上,通常包括網站banner圖,或者某一個模塊背景圖等。 - 大圖 <300KB
寬度在1000px以上,通常包括網頁中展示圖、背景圖等。 - 中圖 <200KB
寬度在600PX以上,通常包括產品的封面和相冊圖片。 - 更小的圖片或logo <100KB
通常是寬度小於600px的小圖標,網站LOGO之類。
在線圖片壓縮工具
普通人可能不一定需要用到圖片壓縮,但是對於很多編輯、站長、設計師、前端開發者們來說,就經常需要對圖片進行壓縮以降低圖片的大小。圖片壓縮的作用主要有兩點:提升網站的加載速度及降低主機流量的消耗。
1、在線圖片壓縮
在線圖片壓縮是一款支持JPG、JPEG、PNG、GIF、BMP、TIF及TIFF圖片格式的免費在線壓縮工具。它的界面直觀清爽且操作非常簡單。
主要特點:
- 支持3種壓縮模式:縮小優先,普通壓縮及清晰優先。
- 支持批量上傳圖片進行壓縮。
- 自動顯示壓縮前、壓縮後文件大小及壓縮率。
- 無文件大小及使用次數限制。
網站地址:https://www.apowersoft.cn/compress-image-online
2、TinyPNG
TinyPNG是一款智能的PNG及JPEG圖片壓縮工具。在2016年TinyPNG已支持壓縮動畫PNG及APNG。需要注意的是該網站只能上傳單張小於5MB的圖片且最多20張。
主要特點:
- 支持所有現代瀏覽器甚至移動端設備。
- 自動對比顯示壓縮前及壓縮後文件降低比率。
- 壓縮率較高。
網站地址:https://tinify.cn/
3、色彩筆
色彩筆是由專業網頁設計師毛毛提供的一款在線圖片壓縮小工具。除了在線版,它還提供了Windows單擊版下載。它支持壓縮JPG、JPEG、PNG及GIF圖片格式。
主要特點:
- 支持批量上傳多張圖片進行壓縮。
- 可設置壓縮後的圖片寬度為:200、400、600、800或保持不變。
- 可自由設置JPEG壓縮比為5~95的範圍。
網站地址:https://www.secaibi.com/tools/
4、Imagify
Imagify可壓縮三種格式的圖片包括:PNG、JPG和GIF。和其他在線壓縮工具有區別的是:它要求註冊賬號來下載壓縮後的圖片。
主要特點:
- 支持三種壓縮模式:Normal(無損壓縮)、Aggressive(最好的壓縮效果)和Ultra(最小的圖片容量)。
- 免費用戶壓縮單張圖片大小不能超過2MB。
- 最佳化後的圖片會保存24小時。
- 可直接粘貼圖片地址進行壓縮。
網站地址:https://imagify.io/
5、壓縮圖
壓縮圖是一款功能比較強大的圖片壓縮工具,支持非常多的格式:XBM、TIF、PIP、JFIF、WEBP、ICO、TIFF、BMP、SVGZ、SVG、GIF、JPG等。不足的是免費用戶上傳單張圖片不能超過2MB且壓縮等級大於30。
主要特點:
- 可選擇保持為原始尺寸、適合電腦、手機、微信表情尺寸、證件1寸照、證件2寸照等。
- 免費用戶支持壓縮等級為30~98。
- GIF圖片支持抽取幀數進行壓縮。
- 可在線預覽壓縮後的圖片。
6、Recompressor
Recompressor一款非常安全的圖片壓縮工具,在瀏覽器的JavaScript 中處理圖像。它支持壓縮三種格式:JPG、SVG及PNG。
主要特點:
- 可導出圖片為JPEG或PNG格式。
- 嘗試多種壓縮模式,並呈現文件質量、大小、減小百分比對比圖且提供建議。
- 查看所有壓縮後的圖片效果,任意下載您最滿意的結果。
網站地址:https://zh.recompressor.com/
7、Picdiet
Picdiet號稱不需要後端服務器或API的支持,僅需通過瀏覽器進行壓縮。它只支持兩種圖片格式:JPG和JPEG。
主要特點:
- 可設置輸出的圖像質量範圍:99%~1%。
- 無圖像尺寸、數量及文件大小限制。
- 壓縮速度快。
8、圖好快
圖好快是一款功能全面的圖片壓縮工具,支持壓縮GIF、PNG及JPG圖片格式。該網站提高豐富功能,但是對免費用戶有一定的限制。
主要特點:
- 免費用戶只能單次壓縮一張圖片。
- 雲端壓縮,無需下載。
- 登錄賬戶後可下載同樣清晰度,更小的文件。
網站地址:https://www.tuhaokuai.com/
9、智圖
智圖是由騰訊ISUX出品的一款圖片壓縮工具,支持常見的圖片格式。操作非常簡單,上傳圖片自動進行壓縮優化。
主要特點:
- 支持壓縮的圖片品質從10到95不等。
- 除了導出為JPG格式,且能自動轉檔為webP格式。
- 在線預覽對比原圖與優化後新圖片效果。
- 可批量上傳,批量下載。
10、壓縮狗
壓縮狗支持在Mac、Windows以及Linux操作系統上運行,可用於壓縮PNG或JPG圖片格式。對於免費用戶,每次只能上傳最多5張圖片,每張圖片不能超過5MB。
主要特點:
- 無指定壓縮模式,自動在品質、大小及速度三者間尋找完美平衡點。
- 壓縮後的文件會永久從服務器刪除,保障隱私。
- 在雲端完成壓縮。
網站地址:https://www.yasuogou.com/
如果你平常工作會經常遇到圖片,而且是需要將它們上傳到網絡上供其他人瀏覽(例如網站),先將相片進行壓縮、優化處理,就能確保圖片有更小的文件大小,讓訪客以更快的時間加載,有助於讓網站保持好的瀏覽體驗,也能減少服務器的容量流量消耗。
若你一樣會接觸到許多相片,但是更在乎的是相片分辨率、畫質,而且日後有可能會需要進行編輯或處理,這時候你不需要這些圖片壓縮工具,因為它們可能會降低圖片畫質,或是將圖片尺寸變小。
無論如何,這些圖片壓縮工具都非常簡單,大部分透過瀏覽器就能操作,有少數還不需要連上網絡,直接在計算機脫機使用,確保圖片不會被上傳到遠程服務器,使用上更具隱私和安全性。
文章评论