給客戶看的網頁設計（五）壓縮圖片！節省 60% 以上的空間，加快網頁速度

[vc_row use_row_as_full_screen_section="no" center_bck_image="no"][vc_column css=".vc_custom_1533708507132{padding-right: 10% !important;}"][vc_column_text css=".vc_custom_1573019316804{padding-right: 10% !important;}"]2019 網頁大小已接近 4MB，是 2016 的 2 倍，比起 2011 更達到 4 倍以上。歸功於頻寬、4G 網路的普及，載入網頁的速度沒有像網頁大小一樣呈倍數成長，但隨著預期心理提昇，人們瀏覽網頁時等待的耐心變得比以往更少了！ （圖片來源） 雖然網頁速度不是最直接影響到網頁成效、SEO 的項目，但一般通則是超過「3 秒」，使用者就很有可能跳出正在讀取的頁面。之前 CTK 小記也講過許多優化網頁速度的文章，要檢測網站速度，可以使用 Google PageSpeed Insights 或是 GTmetrix 來找出拖慢網站速度的原因，加以改進。 今天和大家談的，是最簡單，卻也最重要的調整：「適當的圖片」。 這裡只說到圖片，是因為包含圖片尺寸（解析度）、檔案格式、壓縮比例。牽扯到 SEO 等還關係於 alt 項目設定等等，就先來看最重要的「圖片大小」：[/vc_column_text][vc_empty_space height="26px"][eltd_section_title display_separator="yes" display_dot="no" type_out="no" alignment="left" title="最簡單卻也最必要的調整：輸出適當的圖片" title_font_size="26"][vc_column_text css=".vc_custom_1573019451650{padding-right: 10% !important;}"]企業好不容易請了商業攝影師，拍了漂亮細緻的形象圖、示意/空間圖，要放到官網，呈現產品或企業形象概念，卻常顧慮：「我放這麼小的圖，不會看不清楚嗎？」（網頁設計公司都會提示：「圖片大小在 100kb 內為佳，卻常常收到用雲端空間傳來一張 10MB 的圖檔...