常見圖片格式jpg、gif、png如何分辨及應用 |網頁設計基礎

jpg 是最常用格式

png 畫質最好 檔案大小偏大

gif 可以應用在動畫 animation

圖像畫質品質

png > jpg > gif

可應用透明背景
png
gif

1.檔案不要太大否則會影響網站開啟速度

150KB以下

header / banner   例外

一般圖片建議 width 800 左右寬度

簡單的圖片動畫效果  gif

也可透過css3 js 來做出網頁動畫效果