圖片優化是指在不犧牲品質的情況下盡可能減小圖像的文件大小，使頁面加載時間保持較低，並確保圖片在電腦和其他行動裝置上都看起來完美無瑕。
以下幫大家整理出幾項要點，未來在處理網頁圖片時別忽略囉！
注意圖片的品質
永遠使用清晰的圖片。 即使現在的手機已經能拍出高像素的圖片，上傳到網站上之前，仍然需檢查圖片是否清晰，尤其是圖片經過濾鏡、編輯過，都有可能改變原本的解析度。
優化你的圖片
根據研究顯示，將近 50% 的消費者最多只願意等待三秒鐘來加載網站。
亞馬遜更發現，如果它的網頁速度只慢一秒鐘，它每年就會損失 16 億美元。
因此，如果頁面由於圖檔太大而加載速度過慢，大多時候都會讓使用者等得不耐煩。
為防止這種情況發生，就需要優化圖像。
大家都知道，推薦螢幕使用的像素是72dpi，而需影印的圖片則是300dpi，所以圖片上傳到網站之前，除了清晰度足夠外，也需檢查檔案是否過大，避免瀏覽時緩慢的問題。
- Mac請使用連結：https://imageoptim.com/mac
- 微軟及Linux請使用連結：https://imageoptim.com/versions.html
- 好用的PNG圖片壓縮網站：https://tinypng.com/
不需局限於照片
照片不是唯一可以在頁面上使用的圖像類型。
照片非常適合表達情境，但有時候也能使用其他圖片類型，例如信息圖表。
信息圖表是展示事實、統計數據和其他重要信息的視覺元素。 它也能吸引用戶閱讀重要信息，並帶入專業可靠感。
善用icon
Icon可以減少大家在網站上的閱讀量，我們可以在頁面上使用多種類型的圖示，尤其許多icon已經具有大家都能理解的象徵意義。
例如想在網站上設有搜索欄，就可以使用放大鏡。這個符號代表搜索，大家知道可以通過尋找這個圖示找到搜索欄。與“搜尋”一詞相比，它看起來較簡單不複雜，在網站上佔用的空間也更少。
Icon很小，它們可以幫助頁面看起來更乾淨，幫助建立一個看起來整潔有序的網站。
另外，需要注意的是，同一個網站、品牌所使用的icon應使用同一風格、色調。
決定圖片類型
目前的主流圖片格式大多都以JPG為主，其次是PNG、SVG等。
一般來說，若是同樣的圖片，JPEG 會比 PNG 較不佔容量，但 PNG 可保留所有的顏色，並可達到去背效果。
另外，要特別介紹一下SVG，通常被用於icon、logo呈現。它能縮放無敵，不會有解析度差的問題，而且，由於SVG是一種語言而不是圖片檔，所以不會有瀏覽器跑速變慢的問題。
而近期，Google於2010年公布了WebP的這項圖片格式。
目的在於減少圖片的檔案大小，但同時又能和JPG與PNG等格式相同的圖片品質。
不過，WebP雖是未來的圖片趨勢，但目前仍然不被所有瀏覽器都支援。
並且，因為WebP屬於較新的技術，因此目前沒有太多的編輯軟體支援此格式，大多仍須透過外掛、轉檔才可以達到目的。
使用直接好懂的圖片名稱
建立描述性的、關鍵字豐富的檔名對於圖片優化至關重要。搜索引擎不僅會抓取網頁上的文字，還會抓取圖片檔名喔！
說了這麼多，圖像優化仍然是門複雜的學問，我們只是列舉了最基本的小技巧，
歡迎在下方的評論中留下任何問題喔！
