圖片我們都知道有許多格式，JPG，PNG， GIF等。每種格式的圖片都有它們慣常使用的場合。知道什么時候該用哪種圖片也是網站設計中非常重要的一個環節。
下面就跟大家一起看下每種格式的圖片。
JPGs
如果你要用的圖片是一張照片，一個人或者一個地方，那么JPG將會是正確的選擇。JPG圖片可以以不同的品質被保存。相應的不同的品質有不同的圖片質量，品質越低，圖片的質量也就越低，但是圖片的size也就越小，帶來的好處就是網站加載速度越快。
GIFs
GIF文件可以用于只有簡單色彩的圖片。許多插圖或者LOGO都是采用GIF格式的。
GIF文件支持透明度，但是這個“透明度”比較絕對，要么全透明，要么不透明。如果一個圖片的線條比較明朗要求部分區域全透明，可以使用GIF格式。
GIF還支持簡單的動畫。動畫處理過的GIF圖片通常作為幽默小動畫引人詼諧一笑。
PNGs
PNG 文件應用范圍比較廣，他和JPGs一樣包含各種顏色，也是照片常用的格式。
PNG與JPG不同的是圖片尺寸，PNG圖片的尺寸一般都比JPG 圖片的尺寸要大，也不會像JPG一樣隨著品質的變化而變化。PNG圖片呈現給人的總是畫面清晰高品質的。如果考慮到圖片下載速度，還是選擇JPG圖片更為合適。
PNG圖片還有一大亮點，就是透明度，她不想GIF圖片 那樣絕對。你可以把出片處理成半透明的。不管是線條明朗，還是彎彎繞繞的圖片，有透明度需求，PNG格式永遠是最好的選擇。
SVG
SVG就是可縮放矢量圖。SVG 存在已經有好長時間了，但最近卻有越來越熱的趨勢，尤其成為響應式網站的重要組成部分。SVG文件都是基于矢量的，也就是說他們是基于數學直線創建的，而不是像素。SVG圖片Size也非常小，無論怎么縮放圖片都不會改變它的大小。非常適合應用在響應式網站中。
