Download - 圖片格式簡介
Transcript
![Page 1: 圖片格式簡介](https://reader036.vdocuments.pub/reader036/viewer/2022082611/56812be3550346895d905731/html5/thumbnails/1.jpg)
圖片格式簡介
張啟中
![Page 2: 圖片格式簡介](https://reader036.vdocuments.pub/reader036/viewer/2022082611/56812be3550346895d905731/html5/thumbnails/2.jpg)
常見的圖片格式• 圖片格式是指圖片或影像在儲存成檔案時
的表示方式。• 常見的圖片格式
BMPGIFJPG / JPEGPNGTIF
![Page 3: 圖片格式簡介](https://reader036.vdocuments.pub/reader036/viewer/2022082611/56812be3550346895d905731/html5/thumbnails/3.jpg)
BMP 圖形的格式特色• 沒有壓縮• 支援全彩顏色• 最原始的格式,許多軟體都有支援。
![Page 4: 圖片格式簡介](https://reader036.vdocuments.pub/reader036/viewer/2022082611/56812be3550346895d905731/html5/thumbnails/4.jpg)
GIF 圖形格式• 有壓縮• 只支援 256 色• 支援透明色處理• 支援動畫處理• 網頁動畫常用的圖形格式
![Page 5: 圖片格式簡介](https://reader036.vdocuments.pub/reader036/viewer/2022082611/56812be3550346895d905731/html5/thumbnails/5.jpg)
JPG/JPEG 圖形格式• 有損壓縮,圖形資訊與原來的不完全一樣• 支援全彩• 不支援透明色處理• 網頁常用的圖形格式• 適合表示照片與風景圖,不適合表示有許
多單一色塊的圖形或文字
![Page 6: 圖片格式簡介](https://reader036.vdocuments.pub/reader036/viewer/2022082611/56812be3550346895d905731/html5/thumbnails/6.jpg)
PNG 圖形格式• 有壓縮• 支援全彩• 支援透明色處理• 比較新的圖形格式,有些瀏覽器不支援
![Page 7: 圖片格式簡介](https://reader036.vdocuments.pub/reader036/viewer/2022082611/56812be3550346895d905731/html5/thumbnails/7.jpg)
透明色處理• 所謂透明色是指繪圖顯示軟體在處理圖片
中的某種顏色時,會將其以透明方式處理的顏色。換言之,該顏色在顯示處理時會不顯示出來。
• 支援透明色的圖形格式有 GIF 與 PNG 等
![Page 8: 圖片格式簡介](https://reader036.vdocuments.pub/reader036/viewer/2022082611/56812be3550346895d905731/html5/thumbnails/8.jpg)
各種圖形格式比較表
BMP GIF JPG/JPEG PNG
顏色數 全彩 256 全彩 全彩壓縮方式 沒有 無損壓縮 有損壓縮 無損壓縮
透明色 有 有 沒有 有其他 Windows
圖片原始格式
支援動畫處理 不適合有許多單一色塊的圖片,比較適合風景照
片
新的圖形格式,有些瀏覽器不
支援