如何壓縮網頁圖片大小又不失真?用免費軟體XnView最佳化你的網頁圖檔

 

 

 

 

為什麼要處理網頁圖片壓縮？圖檔過大會有什麼問題？

網頁圖片過大，對網站來說，會有下列幾個問題：

 

• 影響網頁開啟速度 - 網頁圖片過大是影響網頁開啟速度的重要因素，圖片未經處理就放上網頁，會導致網頁下載很慢。
• 網頁使用體驗較差 - 一般人對於網頁開啟沒辦法等超過3秒，網頁圖片開啟太慢，就會直接離開網站，造成較高的網頁跳出率。
• 排站排名較差 - Google將網頁下載速度作為網頁權重評比的重要因素，網頁圖片過大、下載過慢會影響網頁品質分數下降、網頁排名下降。
• 網站不易備份 - 如果你的網站內的圖片很多，圖片上傳之前又沒有好好處理，網站可能就會很肥，一個網站備份起來好幾G，下載和存放都是問題。
• 網站流量較大 - 當你的網頁圖片過大，數量多的時候，也會影響到網站流量，網站流量過大，就可能會需要多花一筆超額的流量費。

 

為什麼選擇XnView MP這套軟體？

XnView是一款可於私人、教育和非營利使用為免費軟體，如果是用在公司行號，則需購買軟體授權。XnView MP是它的跨平台版本，可用於PC、MAC電腦，有支援中文。

 

• 使用平台：PC, MAC
• 支援中文：有
• 主要用途：圖片壓縮(無失真)
• 軟體特色：快速壓縮圖片、可將整個資料夾(含子資料夾)做全資料夾批次壓縮
• 軟體授權：可免費使用於私人、教育和非營利事業。如果是用在公司行號，則需購買軟體授權。

 

 

如何下載XnView MP？

XnView官網下載：

https://www.xnview.com/en/xnviewmp/#downloads

 

以現在的電腦等級，大部份都是直接下載64bit的版本，依你的需求點擊需要的版本(如圖)進行下載。

 

 

 

如何安裝XnView軟體？

下載後直接執行安裝程式，第一個會遇到語言選擇，可以直接安裝「繁體中文」。安裝的過程跟一般軟體差不多，請盡情地點擊「下一步」將軟體安裝完成。以下是PC版的安裝畫面。

 

 

 

 

 

 

 

 到這裡就算是安裝完成了。 

 

 

用XnView打開你的圖片

在圖片上按右鍵 > 開啟檔案 > XnView MP，這樣就可以了。

 

 

 

 

如何執行壓縮圖檔？

 

 用XnView打開圖片後，用Ctrl+S儲存圖片，就可以壓縮圖檔。

在儲存圖片的過程中，XnView會順便幫你壓縮圖片。

 

 

 

比較一下使用前和使用後，檔案大小是不是差很多？

 

 

 

png壓不下來嗎？png可以這樣設定

XnView對於png檔也可以壓縮，壓縮程度上沒有像jpg差異那麼大，但也不無小補，你可以在png的格式設定採用下列的設定方式，就可以達到最佳的png壓縮。 

 

 

 

 

 

 

以上是單純處理一張照片壓縮最簡單的方式。如果你需要一次壓縮一整個資料夾(包含子資料夾)，下次我們再寫一篇批次壓縮的教學文章放上來。

 

 

 

 

=========

 

＊ 歡迎分享這篇文章

 

 

 

想詢問網站設計方面的問題？

凱士網站設計公司深受B2B外銷公司、上市櫃公司及外商公司推薦，累積超過100個網頁設計作品。

我們很樂意用淺顯易懂的方式讓我們的客戶輕鬆了解網頁設計的各種疑難雜症。

 

如果您對網站設計規劃有任何問題，歡迎聯絡凱士網頁設計：立即填寫諮詢表單，或直接撥打電話 04-22210688