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搜尋引擎優化:

想讓您的產品出現在搜尋結果第一頁嗎?只要SEO優化做的好,幫您的關鍵字搶得被潛在客戶看見的重要先機!

需要SEO搜尋引擎優化? 了解更多 >

▪ Google 關鍵字廣告:

善用關鍵字廣告迅速提升曝光度與網站搜尋排名,立即精準地幫你帶來有效客戶!

需要數位廣告行銷? 了解更多 >

聯絡我們

Contact us

聯絡我們