簡述jpg，gif，png-8，png-24的區別，及其各自的使用場景

　　- jpg：

　　- 1.不支持動畫

　　- 2.有損耗

　　- 3.可以表達的顏色比價多，高達1600w之多，所以如果圖片色彩豐富，適合用jpg

　　- 4.使用場景：色彩、細節豐富的圖片、漸變圖

　　- gif：

　　- 1.有透明性，可以是全透，也可以全不透，沒有半透明，

　　- 2.支持動畫格式。

　　- 3.無損耗，做任何操作都不會使圖像質量產生損耗。

　　- 4.最多能表達256種顏色，如果色彩豐富、細節豐富的圖片不建議保存成gif，

　　- 5.使用場景：色彩簡單的log、icon、線框圖、動圖

　　- png：

　　- 1.有透明性，支持透明、不透明、半透明

　　- 2.不支持動畫

　　- 3.無損耗

　　- png-8：是256色的png，可以代替gif，同等質量下，尺寸也更小，但是不支持動畫，所以沒有辦法完全替代gif，如果沒有動畫需求那可以采用png-8

　　- png-24：是全色的png，和jpg一樣能表達出豐富的色彩和細節，但不能替代jpg，因為存儲下來png-24比jpg要大很多，但因為是無損耗的，所以比較適合源文件或者需要二次編輯圖片

　　精靈圖和base64如何選擇

　　精靈圖，是網頁處圖圖片的一種方式，它是把多張小圖整合到一張，利用background-position屬性定位某個圖片的位置，來達到在大圖片中引用某個小圖片的效果，當頁面訪問時，可以減少向服務器的yg有求次數，提高頁面的加載速度。

　　base64，是網絡上最常見的用于傳輸8Bit字節代碼的編碼方式之一，將原本二進制形式轉成以64個字符基本單位，所組成的一串字符串。base64的圖片會隨著html或者css一起下載到瀏覽器,減少了請求，避免跨域問題，但是低版本的IE瀏覽器不兼容，體積比原來的圖片大，不利于css的加載，所以如果是圖比較大，就用精靈圖合并為一張大圖，使用base64直接把圖片編碼成字符串寫入CSS文件

　　了解過音頻、視頻嗎?知道視頻新增了哪些屬性嗎?

　　- 音頻 – audio

　　- 視頻 – video 標簽使用基本一致，在一個網頁中插入視頻或者是音頻，多媒體標簽在不同瀏覽器下情況不同，存在兼容性問題

　　- 谷歌瀏覽器把音頻和視頻標簽的自動播放都禁止了，如果相自動播放，需要添加muted屬性，

　　- 視頻新增了

　　- controls 控件

　　- autoplay 自動播放，必須要和muted一起用

　　- muted 靜音

　　- loop 循環

　　- poster 視頻的封面等屬性

　　更多關于“web前端培訓”的問題，歡迎咨詢千鋒教育在線名師。千鋒教育多年辦學，課程大綱緊跟企業需求，更科學更嚴謹，每年培養泛IT人才近2萬人。不論你是零基礎還是想提升，都可以找到適合的班型，千鋒教育隨時歡迎你來試聽。