JPEG 、 PNG 與 GIF 為網頁設計中常見的圖片格式,但要在什麼時候使用哪類格式呢?
別擔心,我們將在下列圖表將一一說明。
格式範例圖表
圖檔 | JPEG | PNG | GIF |
顏色漸層 | 優 | 優 | 不優 |
透明背景 | 無 | 支援 | 支援 |
動畫效果 | 無 | 無 | 支援 |
輸出品質 | 壓縮比80%↑ | png32↑ | 256色 |
檔案大小 | 中 | 大 | 小 |
使用時機 |
1.彩色圖檔 2.漸層圖檔 |
1.彩色圖檔 2.需透明背景 |
1.Icon 2.需透明背景 3.無漸層 4.GIF動畫 |
線上壓縮小工具
檔案大小過大會導致頁面讀取速度慢,該怎麼辦呢?
這時您可以使用免費且方便的線上壓縮工具,協助您的網站運作更加流暢!
TinyPNG (可壓縮 JPEG 和 PNG 檔)