點陣圖 與 向量圖 的比較


點陣圖:

如果放大點陣圖,會發現它由許多不同色彩的小點排列產生,這些小點就是所謂的「像素」。所謂的影像處理工作,其實就是針對點陣圖中的小點進行重新排列、上色等處理,產生更佳的影像效果。也正因為如此,點陣圖影像容易遭到破壞,當縮小或放大影像時將產生失真現象。但點陣圖具有色彩艷麗、內容逼真的優點,因此廣泛應用在各種場合,是最常見的影像類型。

向量圖:

完全不同於點陣圖,它是由點、線、面三者,根據數學運算、按不同解析度輸出的影像類型。構成向量圖的各式物件都為單獨的個體,保有顏色、形狀、輪廓、大小和位置等屬性。因此,向量圖保留了原本的面貌和清晰度,無論是放大或縮小,都不會出現失真現象。向量圖除了一般的裝飾與美化,也多用於動畫製作,既能完美地呈現細膩的動畫效果,又同時兼顧畫質。此外,向量圖的另一個優點是檔案容量比較小,但其檔案大小取決於圖案的複雜程度。由於它的畫面色彩比較單調,因此無法製作高品質的影像作品。

點陣圖 與 向量圖 的比較:

點 陣 圖 向 量 圖
影像記錄方式 像素 數學運算方程式
影像特性 擅長表現顏色層次細緻的影像,適用於相片、細緻插畫等色彩複雜之圖形。 適用於輪廓清楚,要求精準構圖之圖形。
解析度 由一個一個的點(像素)所組成,將圖片放大或縮小會造成像素量重新計算,導致影像失真。 以數學方程式運算圖形,放大或縮小並不會失真。
主要優缺點 有較豐富的色彩 色彩表現較不豐富
佔用較大的檔案容量與記憶體空間 佔用較小的檔案容量與記憶體空間
縮放影像會有鋸齒狀失真 縮放圖形不會失真
不適合用於精細的線條繪圖 適合用於精細的線條繪圖
常見附檔名 BMP、TIFF、GIF、JPEG、PNG… EPS、AI、CDR…
相關軟體 Photoshop、PhotoImpact、Painter、小畫家 Illustrator、CorelDRAW、FreeHand、Flash

點陣圖 向量圖

本篇發表於 多媒體設計。將永久鏈結加入書籤。

點陣圖 與 向量圖 的比較 有 45 則回應

  1. s630153016 說道:

    ~~~~~~~~~~

  2. 630153017 說道:

    向量圖可以任意放大縮小不會造成原本作品的質感
    點陣圖縮小不會有太大問題,但是放大會模糊

  3. 630153031 說道:

    寫的很詳細~還有做兩者比較~讓人更容易了解~受益良多^^

  4. 景文科大_視傳四甲_630153034_廖子明 說道:

    解釋得很清楚,借我分享給學弟妹吧.

  5. 張天一 630153005 說道:

    了解!!! 老師教師節快樂~~

  6. 630153029 說道:

    還不賴阿,我都聽懂了

  7. 630153033 說道:

    一直以為向量圖印出來比較漂亮?
    原來誤會了….XD

  8. 630153021 說道:

    閱讀完成,已了解點陣圖與向量圖的差異

  9. 陳偉浩 說道:

    木有問題

  10. s630153027 說道:

    使用Adobe的軟體已許久,也了解點陣與向量的分別,但很難敘述此差別,謝謝老師這麼清楚的分析。

  11. 630153012 說道:

    詳解~

  12. 李岳倫-S630153003 說道:

    有點陣跟向量比較的說法所以更清楚的了解向量與點陣的區別~感謝"這兩樣的圖有辦法各擷取優點嗎?!常常PS轉AI不是說很方便

  13. 630153008 程信益 說道:

    點陣圖是可以放到最大修細部處理.其構成為點陣若是製作海報或是平面設計
    有解析度問題若解析度太低圖案邊緣會有鋸齒狀

    向量圖則沒有點陣圖以上的相關問題.反觀向量圖檔要放大修細部時.
    則無法用於修改細部

  14. 630153019 說道:

    瞭解了,寫的很詳細。

  15. s630153013 說道:

    Photoshop 有交過

  16. s630253008 說道:

    受益良多
    謝謝老師

  17. s630153013 說道:

    Photoshop 有學過

  18. 630153018 說道:

    點陣圖 與 向量圖 的比較清楚明白 ~ 齁尼一個讚!!!

  19. 周泓佐 630153007 說道:

    學習與工作上的應用解釋清蟋 , 謝謝老師

  20. 黃品樺 說道:

    看完後更了解向量圖與點陣圖的差別!

  21. 630153035 說道:

    以前只知道向量可以放大不會有馬賽克,看完這篇了解到原因,受益良多

  22. 120150004陳偉浩 說道:

    沒有問題

  23. 張馨元 說道:

    我好奇向量的數學運算的方程式是什麼?

  24. 630153026 說道:

    感謝老師的精彩細說,
    那我了解這兩種不同,
    現在才知道點陣放大會模糊掉

  25. s630153022 說道:

    想要製出越豐富細緻的影像時則檔案較大,電腦記憶體空間也相對的多。所以了解需求和使用者在向量,點陣中取捨達到雙贏是很重要的。
    視四甲學生:李雅嫻

  26. 630153011 說道:

    點 陣 圖…不適合用於精細的線條繪圖
    向 量 圖…適合用於精細的線條繪圖
    …………………………………………………….
    文章很清楚告知(點 陣 圖)(向 量 圖)分別

  27. s630153015 說道:

    謝謝老師這麼清楚的解說

  28. 630253004 說道:

    了解到點陣與向量的差異
    感謝老師

  29. 120150002 說道:

    看過,明白了

  30. s630153032 說道:

    點陣圖由色塊所組成 , 組成的畫面畫質較精緻
    向量圖由線段所組成 , 組成的畫面畫質較銳利

  31. 張郁 說道:

    s530053014

  32. 630153024 說道:

    所以向量圖縮放或輸出都不用怕輸出 大部分用來做工程圖

    但是的點陣圖只要放太大就會失真 讓你處理到哭出來 大部分用來做繪圖.相片等

  33. 630153020 說道:

    那麼現階段有沒有能把圖放大時.卻又不會造成失真軟體
    例如:網路上別人擺的gif檔時約3*3公分.可是想放大15*15公分左右看比較清楚
    這樣要用什麼軟體打開gif檔修成15*15公分

  34. 視傳1A .....740253002 說道:

    向量圖檔銳利卻單調,點陣圖豐富卻可能模糊,兩者需要互相配合,才會有最佳效果

  35. 740253003 說道:

    瞭解….

  36. 740253001 說道:

    了解~

  37. 740253007 說道:

    了解~

  38. 740253018 說道:

    向量放大不失真 真神奇

  39. 740253004 說道:

    終於將我的困惑,解決~了解

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *

*

你可以使用這些 HTML 標籤與屬性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>