JPG格式：
有損壓縮，色彩豐富的圖檔。
如在網頁上觀察圖檔，使用者你驗最好的就是打的速度很快且又不失真，奧保證圖檔打開速度快，圖檔就要盡量小，而圖檔不失真就要保留的資訊盡可能多，但這兩點本質上是沖突的。
我們可以通過有損壓縮的方式在JPG格武的檔案當中，會失去一些不太關鍵的資訊，保留起來大部分有用的資訊，不會影響到使用者的觀看雙果，而且檔案壓縮下來非常小。
JPG格式适合于色彩豐富的圖檔。
gif格式：
簡單動畫，背景透明。
PNG格式：
無損壓縮、透明、交錯、動畫。
參考連結：
Web前端開發_中國大學MOOC(慕課) (icourse163.org)