2018-08-20

網頁圖片最佳化!如何壓縮檔案大小又不失真?

網頁圖片最佳化!如何壓縮檔案大小又不失真?

網站通常包含大量的圖片,沒有處理好的話對網站會有很大的影響,圖檔過大一方面會造成網站讀取速度慢,瀏覽者沒耐性等待就會流失客群、影響網站排名;二方面消耗大量網站主機流量,造成主機成本不斷提高。

要讓網頁圖片在不失真的情況下縮小檔案,有兩個重點:

1.標準網頁圖片需求

網頁的圖片使用的是點陣圖,和平面設計的向量圖有幾點不同:

  1. 像素(px)為單位:

    網頁上的照片最清楚的尺寸是 1比1 ,要呈現圖片大小200 * 200px時,圖檔就做剛剛好200 * 200px即可
  2. 解析度:

    印刷用解析度必須在300dpi以上,而網頁用解析度只需要 72dpi 即可
  3. 色彩模式:

    必須要為 RGB 模式

2.壓縮圖片大小不失真

網站的圖片如果使用Potoshop 軟體製作,在存檔時選擇"儲存為網頁用",品質選擇"高"或"極高"再儲存即可。

如果電腦沒有Potoshop軟體的話,也可以利用線上壓縮圖檔工具https://compressor.io

  • 覺得網站不好看嗎?

    為您打造代表企業、品牌形象的高質感RWD響應式網頁。

  • 您的網站設計公司很難配合?

    十幾年來誠信服務全台,客戶好評推薦,值得您的信賴!

  • 網站後台超難用嗎?

    自行開發後台系統,簡單好上手,隨時修改不求人!

  • 有網站為什麼沒訂單?

    整合SEO關鍵字優化、網路廣告行銷,讓網站成為創造價值的利器!

  • 網頁動線不順、流程卡卡?

    不論是企業品牌形象、機關學校、醫療、購物民生...等各類型網站,我們有豐富的經驗幫您做最好的規劃!

  • 您的網站安全嗎?

    我們也提供主機代管、SSL加密憑證、網址、專業信箱...等服務

Contact us

需要任何服務或有疑問,歡迎利用LINE線上客服、填寫以下聯絡表單或來電,
將有專人即時為您服務、免費估價,謝謝!( * 為必填 )

聯絡意匠