從這兩個軟件本身來讨論他們的區别，想好好地給大家解釋一下矢量圖形和位圖的區别。

很多人對圖形和位圖的理解就是，矢量圖可以無限放大而不失真，位圖放大到一定程度之後就會越來越模糊。現在不能無限放大都快成數字圖像的原罪了。那麼你有沒有想過，既然矢量圖這麼牛X，我們日常生活中的照片、海報等常見的圖像為什麼不使用矢量圖形的格式來保存呢？

讓我們來看看這兩種格式到底都是什麼東西，區别在哪。

首先說圖形，也時候也被稱作矢量圖形。

圖形這個詞大家應該都不會陌生，從小學開始，我們就開始接觸一些簡單的圖形，如矩形、三角形、梯形等。不要懷疑，這些東西就是圖形，就這麼簡單。

上過初中的同學應該都知道，有個東西叫平面直角坐标系，也叫笛卡爾直角坐标系，在這樣的一個概念之下，我們可以清晰、量化地表示點、線、面。

比如，我畫了如下的這樣一個三角形，它的三個頂點坐标分别是（1,1）,（5,1）,（4,4）。

這個時候，如果我将這三個點的x、y坐标同時乘以2，使得他們變成（2,2），（10,2），（8,8）,于是這個三角形就變成了下面這個樣子。

通過一些簡單的定理就可以證明這個三角形和原來的三角形是相似的，也就是說，按照我們通常所理解的“形狀”一詞，這兩個三角形的形狀是完全相同的，面積是原來的4倍。

也就是說，根據這個三角形三個頂點的坐标信息，我們現在就可以任意地對這個三角形進行放大和縮小操作，而不會改變這個三角形的形狀。無非就是把坐标乘以不同的系數呗。

如果這個圖形變得複雜一些，那麼我們可以将他們分解為若幹個三角形或者其他形狀的組合，除了需要保存的坐标信息多了一些之外，變換的原理并沒有發生多大的變化。

上面舉這個例子，大緻可以理解為所謂的“矢量圖形”在計算中保存和顯示的原理，當然了，細心的同學可能也發現了，上面這種簡單粗暴的将坐标乘以一個系數的方法會導緻圖形位置發生變化，在此隻是為了簡單地說明原理，所以使用了一種盡可能簡單的計算方法來進行演示。

具體實現的時候，還需要涉及到一些向量（也叫矢量）的知識。這也是為什麼計算機圖形常常被稱為矢量圖形的原因。

（相信點進這個問題來的人也不會想聽我在這大講數學。所以矢量方面的具體知識在這就不談了，這個在高中數學和高等數學中均有涉及，感興趣的同學請自行學習或複習。）

講到這，還有個問題沒解決，那就是曲線。直線好說啊，兩點确定一條線段，曲線總不可能無線分割然後把每個點的坐标保存起來。

說到這，我們就不得不感謝兩個人，一個是法國(fà gúo)的一名數學家保爾·德·卡斯特裡奧（Paul de Casteljau），一個是同在法國的一名工程師皮埃爾·貝塞爾（Pierre Bézier）。

皮埃爾·貝塞爾

前者發明了一種算法，可以通過很少的控制點，去生成複雜的平滑曲線，而後者将這種曲線應用在了汽車的車體工業設計當中，并且很熱心腸地承擔了對這種曲線的宣傳工作。所以，後來這種曲線就以他的名字命名為了貝塞爾曲線，至于發明了貝賽爾曲線的數學家德卡斯特裡奧，反倒是默默無聞了……

至于這個貝塞爾曲線，用過AI或者PS的人應該都見過。還記得被鋼筆工具支配的恐懼嗎 ，當我們用鋼筆工具畫曲線時，軟件就會要求我們拉出一個個控制點，這樣繪制出來的曲線，其實就是傳說中的貝賽爾曲線。

一條看起來很普通的曲線

曲線和它的控制點們

看到這裡，想必大家也已經猜到了，計算機在保存這條曲線的時候，隻需要保存幾個控制點的信息，隻要有這幾個控制點的信息，計算機就可以保證顯示出來的就是一條這個樣子的曲線，而且通過這幾個控制點的信息，計算機還可以實現對這條曲線進行無限放縮而不失真。

所以啊，計算中在保存圖形時，實際保存的是一些可以用來生成相同圖形的坐标、函數、向量等信息，這些信息的背後都是一些數學原理。就好比我告訴你一個二次函數：

隻要你學過初等函數，再把這個式子記下來，無論走到哪，隻要有紙筆，你就能大緻畫出它的函數圖像，而不用去刻意記憶這條線的樣子，而且想畫多大畫多大。

接下來我們再來說圖像。

圖像也叫位圖，是由一個個像素點構成的，圖像的概念非常好理解，就像電視機屏幕上的一個個小像素點組合成一幅完整的畫面，就像地上的彩磚一塊一塊組合起來形成五彩缤紛的圖案。

紅色和黑色的磚形成了一個菱形

為了說明圖像的保存原理，我在ps裡新建了一個30x30像素的圖像，試着畫了一個和上面的三角形很像的三角形。

為了能看清每個像素的邊界，我把背景塗成了黑色。

可以看到，所謂圖像的大小是30x30，就是橫豎各有30個像素點，單個像素點已經是圖像的最小單位，每個像素隻能被設定為一種顔色。計算機在保存這張圖像的時候保存的就是這900個點的顔色信息。可以大緻想象為這樣：

第1行第1個像素：RGB(0,0,0)（即黑色）

第1行第2個像素：RGB(0,0,0)

……

第19行第9個像素：RGB(0,18,85)（上頂點左側的深藍色）

……

第30行第30個像素：RGB(0,0,0)

有人說了，我平時見到的圖像不是這樣一格一格的啊，那是因為你見到的圖像分辨率比較高，比如我把上面這張圖做放大處理，放大到300x300像素，它就變成了這樣

雖然看起來舒服多了，但其實也就是橫豎各300個點一共90000個點而已，之所以看起來舒服多了，是因為這個時候的單個點已經小到肉眼分辨不出來了。

可以想象，這樣的保存方式就導緻了一個問題，當圖像的分辨率較高時，文件體積會變得特别龐大，保存幾百個點、幾千萬個點可不是什麼好玩的事情，所以這就催生出了各種壓縮圖像的方法，這是題外話。

另一個問題就是大家所熟知的，一張圖像的分辨率是固定的，當我們想要查看圖像的細節，而這個細節的精度已經超出圖像分辨率所能表示的範圍時，我們就隻能看到萬惡的馬賽克了。

兩種格式的基本原理已經說完了，接下來我們看看什麼情況下應該用圖形，什麼情況下應該用圖像。

大家應該有這樣一種經驗，如果我拿一張矢量圖和一張照片放到你面前，你總是能一瞬間就區分出兩者誰是誰。如：

相信大家一眼就能看出左邊是照片，右邊是矢量圖。

為什麼我們能做出這樣的判斷，我認為既不是因為這張矢量圖中的顔色不如照片中的豐富，也不是因為它的飽和度比照片低，這隻是我碰巧選到這兩張圖的問題。

真正的問題是：因為矢量圖的背後都是數學算法和模型，所以呈現出來的畫面總是有一定規律可循的，盡管我們不能一眼看透它背後的規律，但就是這樣一種規律會給我們一種人造的、不真實的感覺。

比如上圖中的湖水，從上到下有一個明顯的雙色漸變，遠處的山，明顯隻使用了為數不多的幾種顔色。當然，這些問題都可以想辦法進行優化，比如，使用更為複雜的多層漸變對湖面進行着色，後面的山也是同理，不大的面積内用上幾十層漸變，但是這樣一來是會極大地增加作畫成本，二來是無論我們使用多麼精細的技術，總歸是有規律可循的。比如說貝塞爾曲線，盡管看起來很圓滑很漂亮，背後終歸是函數，是算法。

而照片天生沒有這樣的問題，湖面上水的波紋，你能找出一個函數公式完美的拟合嗎？天上雲彩的顔色、形狀、雲在水中形成倒影時明度的下降、水的波紋導緻的形狀的扭曲，這些都是用公式很難去表達，去計算出來的。更别說現實世界中的細節千千萬萬，我們随手一拍就是不同的風景。這才是矢量圖和照片最大的不同。

所以，當我們需要一張有規律可循、中規中矩的圖時，矢量圖就是最好的選擇。這方面的例子有很多，比如軟件的圖标：

對于軟件的圖标來說，我們就是需要簡單明快的配色，有數學理論支撐的漂亮曲線，讓人一眼就能認出來，那我們無疑應該選用矢量圖進行繪畫。

而當我們想要更多的細節、更加原汁原味的真實時，我們就應該選用圖像，比如一個新聞記者，他肯定更願意要一張高清彩色照片，而不是畫家畫的現場寫生。

至于海報，則要視具體的内容而定。

事實上大部分情況下我們使用PS是因為我們已經有了一定的素材，需要使用其中的圖像處理功能。如果是憑空作畫，那麼AI的矢量圖形則是更好的選擇。

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!