圖檔格式教學| 點陣vs 向量,快速學會區分方式及最佳運用方法
文章推薦指數: 80 %
圖檔格式教學| 由於網路上有大量的圖片供挑選,因此在決定該使用哪種檔案格式時可能會讓你面臨兩難。
到底該用點陣圖還是向量圖?點陣圖片是由像素組成,而 ...
Home›訣竅與教學›圖檔格式教學|點陣vs向量,快速學會區分方式及最佳運用方法
Sharethis:TwitterFacebook
圖檔格式教學|你知道點陣圖檔和向量圖檔之間的區別嗎?使用此快速總覽瞭解怎麼區別各檔案格式的功能,以改善你的設計工作流程。
圖檔格式教學|由於網路上有大量的圖片供挑選,因此在決定該使用哪種檔案格式時可能會讓你面臨兩難。
到底該用點陣圖還是向量圖?點陣圖片是由像素組成,而向量圖片則是由數學曲線和路徑組成。
清楚掌握這兩種格式並運用自如,以及了解檔案匯出時的效果,是每個設計師的必備技巧。
讓我們開始探討吧!
點陣圖片
在網路上瀏覽時看到的通常是點陣圖片。
點陣圖或柵格圖是由稱為像素的微小正方形所組成。
這些像素包含了一些顏色,結合在一起時,就會產生圖片。
圖片中的像素越多,圖片的品質就越高,反之亦然。
當你放大圖片時,像素會變得更明顯,而圖片的細部則會變得模糊不清。
仔細看,當下面這張熱帶圖案被放大時,它的邊緣變得像素化和鋸齒狀。
從這點可以看出這張圖片是點陣式。
明顯的像素使圖片看起來不專業和不美觀。
原則上,點陣圖片最好只用在縮小尺寸以避免過度像素化。
作者 NataliaKo
由於點陣圖片中有大量的像素,因此檔案大小可能會很大。
若插圖的DPI(每英寸點數)或PPI(每英寸像素數)較高則其大小和資料將更大,當圖片儲存容量或上傳檔案大小受到限制時,這個問題會挺惱人的。
秘訣:如果是網路圖片,你可以將圖片的解析度降低到72PPI來快速縮小檔案大小。
點陣圖片用途
點陣圖片適用於攝影和數位應用。
當你用手機或相機拍照時,圖片會被記錄為像素資料,當這些圖片被上傳到網路上時就會變成點陣圖片。
如需編輯這類圖片,你必須使用點陣格式的軟體,如AdobePhotoshop或ShutterstockEditor。
如果是設計用,最好只用這類軟體編輯照片和圖片,避免用來設計Logo和圖標。
點陣圖片的檔案格式
點陣圖檔可以各種格式儲存:
.tiff(標籤圖檔格式).psd(AdobePhotoshop文件).pdf(可攜式文件格式).jpg(聯合影像專家組).png(可攜式網路圖形).gif(圖像互換格式).bmp(點陣影像檔案)
雖然這些格式都會顯示像素,但每個檔案格式都有自己獨特的顯示設定。
有些檔案會佔用更多的資料並使用較高的解析度,而其他檔案佔用的存儲空間較少,但解析度和品質往往較低。
向量圖片
向量圖成像的方法不同。
它們是由數學公式支配的路徑和曲線組成。
這些路徑和曲線是由專為向量圖設計的設計軟體產生,如AdobeIllustrator或Sketch。
由於向量圖是由演算法構成,因此圖檔可無限放大,即使放大到超大的尺寸也能維持平滑度和清晰度。
即使放大到相當大的比例,下面這種模式還是很乾淨和銳利。
像字體這樣的元素呈現的效果相同,不論是放大或縮小都能維持品質。
圖片作者NataliaKo
與點陣圖片相比,向量圖片公式化的組成元素能把檔案大小維持在最小。
當檔案大小或圖片儲存容量受限制時,這點就會很實用。
雖然向量圖片檔案有許多優點,但共用時會有相容性問題。
你手上必須有向量格式的軟體才能編輯原始檔案。
向量圖片用途
像AdobeIllustrator或Sketch這樣的軟體最適合用來製作和修改向量圖片。
在融入需要縮放的向量元素時,要避免使用以點陣格式為主的軟體,如AdobePhotoshop。
向量圖的可縮放性使得這種格式非常適用於Logo和圖標的設計工作。
Logo和圖標都需要豐富的細節和許多可選的尺寸,通常取決於運用方式。
例如,你可能會把Logo用在像名片這樣的小物品上,或者像看板的大型物體上。
無論是大面積還是小面積格式的印刷,向量圖都是首選,因為點陣式設計在調整大小後會失去品質。
向量圖片檔案格式
向量圖檔案可以用以下格式儲存或編輯:
.ai(AdobeIllustrator文件).eps(壓縮描述語言檔案格式).svg(可縮放向量圖形).pdf(可攜式文件格式,僅適用向量軟體另存檔案)
Shutterstock的系列圖庫收藏了豐富的向量圖片供下載,如字體、圖案和插圖等。
如果你只想瀏覽向量圖片,可變更搜尋列中的圖片類型並選擇向量圖。
封面圖片作者venimo
想搜尋更多平面設計要領來擴充知識和改善工作流程?請參閱以下文章:
2021年最值得期待的平面設計風格平面設計師必備App|2020引爆設計能量的7款最夯工具平面設計大補帖|一次收藏8款完美無瑕的幾何圖案平面設計訣竅|六個Illustrator技巧讓您的設計更有個性2021設計趨勢|告別大理石,迎向繽紛墨水畫的未來
相關貼文
訣竅與教學
設計
商業
延伸文章資訊
- 1點陣圖與向量圖的比較| 我家大學 - PCStar 樂課網
如果放大點陣圖,會發現它由許多不同色彩的小點排列產生,這些小點就是所謂的「像素」。所謂的影像處理工作,其實就是針對點陣圖中的小點進行重新排列、上 ...
- 2點陣圖?向量圖?帶你快速認識Photoshop | 柴魚Shiba
點陣圖是由像素構成因此檔案較大,再複雜的色彩都可以逐點紀錄,缺點是圖像放大之後可能會有鋸齒狀;而向量圖是由錨點及公式組成,檔案較小,不受解析度 ...
- 3圖檔格式大揭密:一次搞懂向量圖和點陣圖最大差異
向量圖檔是使用數學公式渲染出來的數位影像,而非點陣圖檔使用的像素數據。 向量圖是從一個點開始。兩個點就能製造出一條路徑。而路徑可以是直的或彎曲的 ...
- 4點陣圖與向量圖
點陣圖影像(Bitmap images) 和向量圖(Vector Graphics) 就是用來記錄圖片的像素主要的兩種方式 ... 點陣圖的圖檔類型很多,如bmp、pcx、gif、jpg、tif...
- 5向量圖形- 維基百科,自由的百科全書
向量圖形是電腦圖學中用點、直線或者多邊形等基於數學方程的幾何圖元表示的圖像。向量圖形與使用像素表示圖像的點陣圖不同。 目次. 1 ...