# 認識圖檔格式 電腦中最常見的圖檔格式主要有兩種:點陣圖及向量圖。 [點陣圖與向量圖的差異](https://www.jsflag.com/tw/news/%E9%BB%9E%E9%99%A3%E5%9C%96%E5%90%91%E9%87%8F%E5%9C%96) ## 點陣圖 :::info 何謂點陣圖: 又稱柵格圖,是使用像素陣列來表示的圖像。(註:像素pixels) ::: ### 常見點陣圖 * bmp : Windows點陣圖 * jpg/jpeg : 失真壓縮圖檔(常見照片檔) * tif : 標籤圖檔格式(常見字型檔格式) * png : 可攜式網路圖檔(常見透明背景圖檔) * gif : 圖形交換格式(常見動態圖檔) * psd : Photoshop檔案 * webp : Google推出的圖片檔案格式 PNG透明背景圖檔(圖片來源:Canva) :arrow_down: ![PNG透明背景圖檔](https://i.imgur.com/OYFcmfP.png) PNG不透明背景圖檔(圖片來源:Canva) :arrow_down: ![PNG不透明背景圖檔](https://i.imgur.com/lvP4feP.png) Gif動態圖檔(圖片來源:Canva) :arrow_down: ![Gif動態圖檔](https://i.imgur.com/sBcaR0J.gif) :point_right: [圖檔比較參考文章](https://learn.microsoft.com/zh-tw/windows/win32/gdiplus/-gdiplus-types-of-bitmaps-about) :point_right:[詳細介紹可參考維基百科](https://zh.wikipedia.org/zh-tw/%E5%9B%BE%E5%BD%A2%E6%96%87%E4%BB%B6%E6%A0%BC%E5%BC%8F%E6%AF%94%E8%BE%83) ## 向量圖 :::info 何謂向量圖: 電腦中利用數學點、線、面的幾何圖形運算呈現出的圖像。 ::: ### 常見向量圖 * svg : 常見向量圖檔格式 * ai : Adobe Illustrator的向量格式 * wmf : Windows向量圖格式 :point_right: [圖檔比較參考文章](https://medium.com/@clashgraphicsga/vector-vs-jpeg-and-bitmap-graphics-74d346a18e44)