<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="zh-Hant-TW">
	<id>http://nice-learning.net/nlWiki/index.php?action=history&amp;feed=atom&amp;title=CSS%E5%8F%8ASVG%E9%80%B2%E9%9A%8E%E6%87%89%E7%94%A8</id>
	<title>CSS及SVG進階應用 - 修訂歷史</title>
	<link rel="self" type="application/atom+xml" href="http://nice-learning.net/nlWiki/index.php?action=history&amp;feed=atom&amp;title=CSS%E5%8F%8ASVG%E9%80%B2%E9%9A%8E%E6%87%89%E7%94%A8"/>
	<link rel="alternate" type="text/html" href="http://nice-learning.net/nlWiki/index.php?title=CSS%E5%8F%8ASVG%E9%80%B2%E9%9A%8E%E6%87%89%E7%94%A8&amp;action=history"/>
	<updated>2026-05-02T13:11:40Z</updated>
	<subtitle>本 Wiki 上此頁面的修訂歷史</subtitle>
	<generator>MediaWiki 1.34.2</generator>
	<entry>
		<id>http://nice-learning.net/nlWiki/index.php?title=CSS%E5%8F%8ASVG%E9%80%B2%E9%9A%8E%E6%87%89%E7%94%A8&amp;diff=5313&amp;oldid=prev</id>
		<title>丁志仁 於 2021年4月11日 (日) 09:27</title>
		<link rel="alternate" type="text/html" href="http://nice-learning.net/nlWiki/index.php?title=CSS%E5%8F%8ASVG%E9%80%B2%E9%9A%8E%E6%87%89%E7%94%A8&amp;diff=5313&amp;oldid=prev"/>
		<updated>2021-04-11T09:27:40Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table class=&quot;diff diff-contentalign-left&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;zh-Hant-TW&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #222; text-align: center;&quot;&gt;←上個修訂&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #222; text-align: center;&quot;&gt;於 2021年4月11日 (日) 09:27 的修訂&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l3&quot; &gt;行 3：&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;行 3：&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;===一、概述===&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;===一、概述===&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*何謂 SVG  &lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*何謂 SVG  &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt;−&lt;/td&gt;&lt;td style=&quot;color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;**&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;可縮放向量圖形（英語：Scalable &lt;/del&gt;Vector &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Graphics，SVG）是一種基於可延伸標記式語言（XML），用於描述二維向量圖形的圖形格式。SVG由W3C制定，是一個開放標準。&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt;+&lt;/td&gt;&lt;td style=&quot;color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;**&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;可縮放向量圖形(英語：Scalable &lt;/ins&gt;Vector &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Graphics，SVG)是一種基於可延伸標記式語言(XML)，用於描述二維向量圖形的圖形格式。SVG由W3C制定，是一個開放標準。&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;***svg放大不毛邊&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;***svg放大不毛邊&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;***用程式碼構成一張圖&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;***用程式碼構成一張圖&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l32&quot; &gt;行 32：&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;行 32：&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;**SVG&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;**SVG&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*BMP：是一種與硬體設備無關的圖片檔案格式，使用非常廣，它採用位映射存儲格式，除了圖片深度可選以外，不採用其他任何壓縮，因此，&amp;quot;BMP&amp;quot;檔案所佔用的空間很大，&amp;quot;BMP&amp;quot;檔案的圖片深度可選，l bit、4 bit、8 bit 及 24 bit，&amp;quot;BMP&amp;quot;檔案存儲數據時，圖片的掃描模式是按從左到右、從下到上的順序，由於 BMP 檔案格式是 Windows 環境中交換與圖有關的數據的一種標準，因此在 Windows 環境中營運的圖形圖片軟體都支援 BMP 圖片格式，典型的 BMP 圖片檔案由三部分組成︰位圖檔案頭數據架構　－　包含 BMP 圖片檔案的類型、顯示內容等訊息，位圖訊息數據架構　－　包含 BMP 圖片的寬、高、壓縮方法定義顏色。&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*BMP：是一種與硬體設備無關的圖片檔案格式，使用非常廣，它採用位映射存儲格式，除了圖片深度可選以外，不採用其他任何壓縮，因此，&amp;quot;BMP&amp;quot;檔案所佔用的空間很大，&amp;quot;BMP&amp;quot;檔案的圖片深度可選，l bit、4 bit、8 bit 及 24 bit，&amp;quot;BMP&amp;quot;檔案存儲數據時，圖片的掃描模式是按從左到右、從下到上的順序，由於 BMP 檔案格式是 Windows 環境中交換與圖有關的數據的一種標準，因此在 Windows 環境中營運的圖形圖片軟體都支援 BMP 圖片格式，典型的 BMP 圖片檔案由三部分組成︰位圖檔案頭數據架構　－　包含 BMP 圖片檔案的類型、顯示內容等訊息，位圖訊息數據架構　－　包含 BMP 圖片的寬、高、壓縮方法定義顏色。&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt;−&lt;/td&gt;&lt;td style=&quot;color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*GIF:&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;GIF（Graphics &lt;/del&gt;Interchange &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Format）的原義是〝圖片互換格式〞，是 &lt;/del&gt;CompuServe 公司在 1987 年開發的圖片檔案格式，GIF 檔案的數據，是一種基於，&amp;quot;LZW&amp;quot;算法的連續色調的無損壓縮格式，其壓縮率一般在 50％ 左右，它不屬於任何應用程式，目前幾乎所有相關軟體都支援它，有大量的軟體在使用GIF圖片檔案，GIF 圖片檔案的數據是經過壓縮的，而且是採用了可變長度等壓縮算法，所以 GIF 的圖片深度從 l bit 到 8 bit，也即 GIF 最多支援256種色彩的圖片，GIF 格式的另一個特點是其在一個，GIF 檔案中可以存多幅彩色圖片，如果把存於一個檔案中的多幅圖片數據逐幅讀出並顯示到螢幕上，就可構成一種最簡單的動畫，GIF 解碼較快，因為採用隔行存放的 GIF 圖片，在邊解碼邊顯示的時候可分成四遍掃描，第一遍掃描雖然只顯示了整個圖片的八分之一，第二遍的掃描後也只顯示了1／4，但這已經把整幅圖片的概貌顯示出來，所以在顯示GIF圖像時，隔行存放的圖像會給您感覺到它的顯示速度似乎要比其他圖像快一些，這是隔行存放的優點。可動畫，256色，也不是公開格式。&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt;+&lt;/td&gt;&lt;td style=&quot;color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*GIF:&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;GIF(Graphics &lt;/ins&gt;Interchange &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Format)的原義是「圖片互換格式」，是 &lt;/ins&gt;CompuServe 公司在 1987 年開發的圖片檔案格式，GIF 檔案的數據，是一種基於，&amp;quot;LZW&amp;quot;算法的連續色調的無損壓縮格式，其壓縮率一般在 50％ 左右，它不屬於任何應用程式，目前幾乎所有相關軟體都支援它，有大量的軟體在使用GIF圖片檔案，GIF 圖片檔案的數據是經過壓縮的，而且是採用了可變長度等壓縮算法，所以 GIF 的圖片深度從 l bit 到 8 bit，也即 GIF 最多支援256種色彩的圖片，GIF 格式的另一個特點是其在一個，GIF 檔案中可以存多幅彩色圖片，如果把存於一個檔案中的多幅圖片數據逐幅讀出並顯示到螢幕上，就可構成一種最簡單的動畫，GIF 解碼較快，因為採用隔行存放的 GIF 圖片，在邊解碼邊顯示的時候可分成四遍掃描，第一遍掃描雖然只顯示了整個圖片的八分之一，第二遍的掃描後也只顯示了1／4，但這已經把整幅圖片的概貌顯示出來，所以在顯示GIF圖像時，隔行存放的圖像會給您感覺到它的顯示速度似乎要比其他圖像快一些，這是隔行存放的優點。可動畫，256色，也不是公開格式。&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt;−&lt;/td&gt;&lt;td style=&quot;color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*JPG：點陣圖壓縮，普遍應用，非公開格式，但從沒收過錢，是專利。JPEG 是 Joint Photographic Experts &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Group（聯合圖片專家組）的縮寫，檔案副檔名為〝&lt;/del&gt;.&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;jpg〞或〝&lt;/del&gt;.&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;jpeg〞，是最常用的圖片檔案格式，由一個軟體開發聯合會組織製定，是一種失真壓縮格式，能夠將圖片壓縮在很小的儲存空間，圖片中重複或不重要的資料會被丟失，因此容易造成圖片數據的損傷，尤其是使用過高的壓縮比例，將使最終解壓縮後恢復的圖片質量明顯降低，如果追求高品性圖片，不宜採用過高壓縮比例，但是JPEG壓縮技術十分先進，它用有損壓縮模式去除冗餘的圖片數據，在獲得極高的壓縮率的同時能展現十分豐富生動的圖片，換句話說，就是可以用最少的磁片空間得到較好的圖片品質，而且 &lt;/del&gt;JPEG是一種很靈活的格式，具有調節圖片質量的功能，允許用不同的壓縮比例對檔案進行壓縮，支援多種壓縮級別，壓縮比率通常在 10︰1 到 40︰1 之間，壓縮比越大，品質就越低，相反地，壓縮比越小，品質就越好，比如可以把 1.37 Mb 的 BMP 位圖檔案壓縮至 20.3 KB，當然也可以在圖片質量和檔案尺寸之間找到平衡點。JPEG 格式壓縮的主要是高頻訊息，對色彩的訊息保留較好，適合應用於網路，可減少圖片的傳輸時間，可以支援24 bit 真彩色，也普遍應用於需要連續色調的圖片，JPEG 格式是目前網路上最流行的圖片格式，可以把檔案壓縮到最小的格式，在 Photoshop 軟體中以，JPEG 格式儲存時，提供11級壓縮級別，以 0─10 級表示，其中 0 級壓縮比最高，圖片品質最差，即使採用細節幾乎無損的10 級質量儲存時，壓縮比也可達 5︰1，以BMP格式儲存時得到 4.28MB 圖片檔案，在採用 JPG 格式儲存時，其檔案僅為 178 KB　壓縮比達到24︰1，經過多次比較，採用第 8 級壓縮為存儲空間與圖片質量兼得的最佳比例，JPEG 格式的應用非常廣泛，特別是在網路和光碟讀物上，都能找到它的身影，目前各類瀏覽器均支援。&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt;+&lt;/td&gt;&lt;td style=&quot;color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*JPG：點陣圖壓縮，普遍應用，非公開格式，但從沒收過錢，是專利。JPEG 是 Joint Photographic Experts &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Group(聯合圖片專家組)的縮寫，檔案副檔名為「&lt;/ins&gt;.&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;jpg」或「&lt;/ins&gt;.&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;jpeg」，是最常用的圖片檔案格式，由一個軟體開發聯合會組織製定，是一種失真壓縮格式，能夠將圖片壓縮在很小的儲存空間，圖片中重複或不重要的資料會被丟失，因此容易造成圖片數據的損傷，尤其是使用過高的壓縮比例，將使最終解壓縮後恢復的圖片質量明顯降低，如果追求高品性圖片，不宜採用過高壓縮比例，但是JPEG壓縮技術十分先進，它用有損壓縮模式去除冗餘的圖片數據，在獲得極高的壓縮率的同時能展現十分豐富生動的圖片，換句話說，就是可以用最少的磁片空間得到較好的圖片品質，而且 &lt;/ins&gt;JPEG是一種很靈活的格式，具有調節圖片質量的功能，允許用不同的壓縮比例對檔案進行壓縮，支援多種壓縮級別，壓縮比率通常在 10︰1 到 40︰1 之間，壓縮比越大，品質就越低，相反地，壓縮比越小，品質就越好，比如可以把 1.37 Mb 的 BMP 位圖檔案壓縮至 20.3 KB，當然也可以在圖片質量和檔案尺寸之間找到平衡點。JPEG 格式壓縮的主要是高頻訊息，對色彩的訊息保留較好，適合應用於網路，可減少圖片的傳輸時間，可以支援24 bit 真彩色，也普遍應用於需要連續色調的圖片，JPEG 格式是目前網路上最流行的圖片格式，可以把檔案壓縮到最小的格式，在 Photoshop 軟體中以，JPEG 格式儲存時，提供11級壓縮級別，以 0─10 級表示，其中 0 級壓縮比最高，圖片品質最差，即使採用細節幾乎無損的10 級質量儲存時，壓縮比也可達 5︰1，以BMP格式儲存時得到 4.28MB 圖片檔案，在採用 JPG 格式儲存時，其檔案僅為 178 KB　壓縮比達到24︰1，經過多次比較，採用第 8 級壓縮為存儲空間與圖片質量兼得的最佳比例，JPEG 格式的應用非常廣泛，特別是在網路和光碟讀物上，都能找到它的身影，目前各類瀏覽器均支援。&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*PCX:最先的PCX 雛形是出現在由ZSOFT 公司推出的名叫 PC PAINBRUSH 的用於繪畫的商業套裝軟件中，以後，微軟公司將其移植到 Windows 環境中，成為 Windows 系統中一個次功能，先在微軟的 Windows 3.1 中廣泛應用，隨著 Windows 的流行、升級　加之其強大的圖片處理能力，使 PCX 同 GIF、TIFF、BMP 圖片檔案格式一起，被越來越多的圖形圖片軟體工具所支援，也越來越得到人們的重視。PCX 是最早支援彩色圖片的一種檔案格式，現下最高可以支援 256 種彩色，PCX 設計者很有眼光地超前引入了彩色圖片檔案格式，使之成為現下非常流行的圖片檔案格式，PCX 圖片檔案由檔案頭和實際圖片數據構成，檔案頭由 128 位元組組成，描述版本訊息和圖片顯示設備的橫向、縱向分辨率，以及調色板等訊息，在實際圖片數據中，表示圖片數據類型和彩色類型，PCX 圖片檔案中的數據都是用，PCXREL技術壓縮後的圖片數據，PCX 是 PC 畫筆的圖片檔案格式，PCX 的圖片深度可選為 l、4、8 bit，由於這種檔案格式出現較早，它不支援真彩色，PCX 檔案採用 RLE 行程編碼，檔案體中存放的是壓縮後的圖片數據，因此，將采集到的圖片數據寫成 PCX 檔案格式時，要對其進行 RLE 編碼，　而讀取一個 PCX 檔案時首先要對其進行 RLE 解碼，才能進一步顯示和處理。&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*PCX:最先的PCX 雛形是出現在由ZSOFT 公司推出的名叫 PC PAINBRUSH 的用於繪畫的商業套裝軟件中，以後，微軟公司將其移植到 Windows 環境中，成為 Windows 系統中一個次功能，先在微軟的 Windows 3.1 中廣泛應用，隨著 Windows 的流行、升級　加之其強大的圖片處理能力，使 PCX 同 GIF、TIFF、BMP 圖片檔案格式一起，被越來越多的圖形圖片軟體工具所支援，也越來越得到人們的重視。PCX 是最早支援彩色圖片的一種檔案格式，現下最高可以支援 256 種彩色，PCX 設計者很有眼光地超前引入了彩色圖片檔案格式，使之成為現下非常流行的圖片檔案格式，PCX 圖片檔案由檔案頭和實際圖片數據構成，檔案頭由 128 位元組組成，描述版本訊息和圖片顯示設備的橫向、縱向分辨率，以及調色板等訊息，在實際圖片數據中，表示圖片數據類型和彩色類型，PCX 圖片檔案中的數據都是用，PCXREL技術壓縮後的圖片數據，PCX 是 PC 畫筆的圖片檔案格式，PCX 的圖片深度可選為 l、4、8 bit，由於這種檔案格式出現較早，它不支援真彩色，PCX 檔案採用 RLE 行程編碼，檔案體中存放的是壓縮後的圖片數據，因此，將采集到的圖片數據寫成 PCX 檔案格式時，要對其進行 RLE 編碼，　而讀取一個 PCX 檔案時首先要對其進行 RLE 解碼，才能進一步顯示和處理。&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt;−&lt;/td&gt;&lt;td style=&quot;color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*TIFF:&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;TIFF（TaglmageFileFormat）圖片檔案是由 &lt;/del&gt;Aldus 和 Microsoft 公司，為桌上系統研製開發的一種較為通用的圖片檔案格式，TIFF格式靈活易變，它定義了四類不同的格式。&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt;+&lt;/td&gt;&lt;td style=&quot;color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*TIFF:&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;TIFF(TaglmageFileFormat)圖片檔案是由 &lt;/ins&gt;Aldus 和 Microsoft 公司，為桌上系統研製開發的一種較為通用的圖片檔案格式，TIFF格式靈活易變，它定義了四類不同的格式。&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;**TIFF-B 適用於二值圖片&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;**TIFF-B 適用於二值圖片&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;**TIFF-G 適用於黑白灰度圖片&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;**TIFF-G 適用於黑白灰度圖片&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l41&quot; &gt;行 41：&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;行 41：&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;**TIFF-R 適用於 RGB 真彩圖片&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;**TIFF-R 適用於 RGB 真彩圖片&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*TIFF 支援多種編碼方法　其中包括 RGB 無壓縮　RLE 壓縮及 JPEG 壓縮等，TIFF 是現存圖片檔案格式中最複雜的一種，它具有擴展性、方便性、可改性，可以提供給 IBMPC 等環境中營運、圖片編輯程式，TIFF 圖片檔案由三個數據架構組成，分別為檔案頭，一個或多個稱為 IFD 的包含標記指標的目錄以及數據本身，TIFF 圖片檔案中的第一個數據架構稱為圖片檔案頭或 IFH，這個架構是一個TIFF檔案中唯一的、有固定位置的部分，IFD 圖片檔案目錄是一個位元組長度可變的訊息塊，Tag標記是TIFF檔案的核心部分，在圖片檔案目錄中定義了要用的所有圖片參數，目錄中的每一目錄條目就包含圖片的一個參數。&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*TIFF 支援多種編碼方法　其中包括 RGB 無壓縮　RLE 壓縮及 JPEG 壓縮等，TIFF 是現存圖片檔案格式中最複雜的一種，它具有擴展性、方便性、可改性，可以提供給 IBMPC 等環境中營運、圖片編輯程式，TIFF 圖片檔案由三個數據架構組成，分別為檔案頭，一個或多個稱為 IFD 的包含標記指標的目錄以及數據本身，TIFF 圖片檔案中的第一個數據架構稱為圖片檔案頭或 IFH，這個架構是一個TIFF檔案中唯一的、有固定位置的部分，IFD 圖片檔案目錄是一個位元組長度可變的訊息塊，Tag標記是TIFF檔案的核心部分，在圖片檔案目錄中定義了要用的所有圖片參數，目錄中的每一目錄條目就包含圖片的一個參數。&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt;−&lt;/td&gt;&lt;td style=&quot;color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*TGA:TGA 格式是由美國 Truevision &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;公司為其顯示卡開發的一種圖片檔案格式，檔案後綴為〝&lt;/del&gt;.&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;tga〞，已被國際上的圖形、圖片工業所接受，TGA &lt;/del&gt;的架構比較簡單，屬於一種圖形、圖片數據的通用格式，在多媒體領域有很大影響　是電腦生成圖片向電視轉換的一種首選格式，TGA 圖片格式最大的特點是可以做出不規則形狀的圖形、圖片檔案，一般圖形、圖片檔案都為四方形，若需要有圓形、菱形甚至是縷空的圖片檔案時，TGA 可就派上用場了，TGA 格式支援壓縮，使用不失真的壓縮算法。&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt;+&lt;/td&gt;&lt;td style=&quot;color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*TGA:TGA 格式是由美國 Truevision &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;公司為其顯示卡開發的一種圖片檔案格式，檔案後綴為「&lt;/ins&gt;.&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;tga」，已被國際上的圖形、圖片工業所接受，TGA &lt;/ins&gt;的架構比較簡單，屬於一種圖形、圖片數據的通用格式，在多媒體領域有很大影響　是電腦生成圖片向電視轉換的一種首選格式，TGA 圖片格式最大的特點是可以做出不規則形狀的圖形、圖片檔案，一般圖形、圖片檔案都為四方形，若需要有圓形、菱形甚至是縷空的圖片檔案時，TGA 可就派上用場了，TGA 格式支援壓縮，使用不失真的壓縮算法。&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*EXIF:EXIF 的格式是 1994 年富士公司提倡的數位相機圖片檔案格式，其實與 JPEG 格式相同　區別是除儲存圖片數據外，還能夠存儲攝影日期、使用光圈、快門、閃光燈數據等曝光資料，和附帶訊息以及小尺寸圖片。&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*EXIF:EXIF 的格式是 1994 年富士公司提倡的數位相機圖片檔案格式，其實與 JPEG 格式相同　區別是除儲存圖片數據外，還能夠存儲攝影日期、使用光圈、快門、閃光燈數據等曝光資料，和附帶訊息以及小尺寸圖片。&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*FPX:FPX 圖片檔案格是由柯達、微軟、HP 及 Live PictureInc 聯合研製，並於1996年6月正式發表，FPX 是一個擁有多重分辯率的影像格式，即影像被儲存成一系列高低不同的分辨率，這種格式的好處是當影像被放大時仍可維持影像的質素，另外　當修飾 FPX 影像時，只會處理被修飾的部分，不會把整幅影像一並處理，而減少 CPU 及記憶體的負擔，降低影像處理時間。&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*FPX:FPX 圖片檔案格是由柯達、微軟、HP 及 Live PictureInc 聯合研製，並於1996年6月正式發表，FPX 是一個擁有多重分辯率的影像格式，即影像被儲存成一系列高低不同的分辨率，這種格式的好處是當影像被放大時仍可維持影像的質素，另外　當修飾 FPX 影像時，只會處理被修飾的部分，不會把整幅影像一並處理，而減少 CPU 及記憶體的負擔，降低影像處理時間。&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt;−&lt;/td&gt;&lt;td style=&quot;color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*PSD:這是 Photoshop &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;圖片處理軟體的專用檔案格式，副檔名是〝&lt;/del&gt;.&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;psd〞　可以支援圖層、通道和不同色彩模式的各種圖片特徵，是一種非壓縮的原始檔案儲存格式，掃描器不能直接生成該種格式的檔案，PSD &lt;/del&gt;檔案有時容量會很大，但，由於可以保留所有原始訊息，在圖片處理中對於尚未製作完成的圖片，選用 PSD 格式儲存是最佳的選擇。&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt;+&lt;/td&gt;&lt;td style=&quot;color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*PSD:這是 Photoshop &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;圖片處理軟體的專用檔案格式，副檔名是「&lt;/ins&gt;.&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;psd」　可以支援圖層、通道和不同色彩模式的各種圖片特徵，是一種非壓縮的原始檔案儲存格式，掃描器不能直接生成該種格式的檔案，PSD &lt;/ins&gt;檔案有時容量會很大，但，由於可以保留所有原始訊息，在圖片處理中對於尚未製作完成的圖片，選用 PSD 格式儲存是最佳的選擇。&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*CDR:CDR 格式是著名繪圖軟體 CorelDRAW 的專用圖形檔案格式，由於 CorelDRAW 是向量圖形繪製軟體，所以 CDR 可以記錄檔案的屬性、位置和分頁等，但它在兼容度上比較差，所有CorelDraw應用程式中均能夠使用，但其他圖片編輯軟體打不開此類檔案。&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*CDR:CDR 格式是著名繪圖軟體 CorelDRAW 的專用圖形檔案格式，由於 CorelDRAW 是向量圖形繪製軟體，所以 CDR 可以記錄檔案的屬性、位置和分頁等，但它在兼容度上比較差，所有CorelDraw應用程式中均能夠使用，但其他圖片編輯軟體打不開此類檔案。&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt;−&lt;/td&gt;&lt;td style=&quot;color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*PCD:PCD 是 Kodak PhotoCD &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;的縮寫　副檔名是〝&lt;/del&gt;.&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;pod〞，是 &lt;/del&gt;Kodak 開發的一種 Photo CD 檔案格式，其他軟體系統只能對其進行讀取，該格式使用 YCC 色彩模式定義圖片中的色彩&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt;+&lt;/td&gt;&lt;td style=&quot;color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*PCD:PCD 是 Kodak PhotoCD &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;的縮寫　副檔名是「&lt;/ins&gt;.&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;pod」，是 &lt;/ins&gt;Kodak 開發的一種 Photo CD 檔案格式，其他軟體系統只能對其進行讀取，該格式使用 YCC 色彩模式定義圖片中的色彩&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;，YCC 和 CIE 色彩空間包含比顯示器和列印設備的 RGB 色和 CMYK 色多得多的色彩，PhotoCD 圖片大多具有非常高的質量。&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;，YCC 和 CIE 色彩空間包含比顯示器和列印設備的 RGB 色和 CMYK 色多得多的色彩，PhotoCD 圖片大多具有非常高的質量。&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt;−&lt;/td&gt;&lt;td style=&quot;color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*DXF:DXF 是 Drawing Exchange Format &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;的縮寫，副檔名是〝&lt;/del&gt;.&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;dxf〞，是AutoCAD中的圖形檔案格式，它以ASCII模式儲存圖形，在表現圖形的大小方面十分精確，可被 &lt;/del&gt;CorelDraw 和 3DS 等大型軟體調用編輯。&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt;+&lt;/td&gt;&lt;td style=&quot;color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*DXF:DXF 是 Drawing Exchange Format &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;的縮寫，副檔名是「&lt;/ins&gt;.&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;dxf」，是AutoCAD中的圖形檔案格式，它以ASCII模式儲存圖形，在表現圖形的大小方面十分精確，可被 &lt;/ins&gt;CorelDraw 和 3DS 等大型軟體調用編輯。&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*UFO:這是著名圖片編輯軟體 Ulead Photolmapct 的專用圖片格式，能夠完整地記錄所有 Photolmapct處理過的圖片屬性，值得一提的是，UFO檔案以對象來代替圖層記錄圖片訊息。&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*UFO:這是著名圖片編輯軟體 Ulead Photolmapct 的專用圖片格式，能夠完整地記錄所有 Photolmapct處理過的圖片屬性，值得一提的是，UFO檔案以對象來代替圖層記錄圖片訊息。&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt;−&lt;/td&gt;&lt;td style=&quot;color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*EPS:EPS 是 Encapsulated Postscript 的縮寫　是跨平台的標準格式，副檔名在 &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;PC上是〝&lt;/del&gt;.&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;eps〞　在 &lt;/del&gt;Macintosh &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;是〝&lt;/del&gt;.&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;epsf〞，主要用於向量圖片和光閘極圖片的存儲，EPS &lt;/del&gt;格式採用 Postscript 語言進行描述，並且可以儲存其他一些類型訊息。例如：多色調曲線、Alpha通道、分色、剪輯路徑、掛網訊息和色調曲線等。因此　EPS 格式常用於印刷或列印輸出，Photoshop 中的多個EPS格式選項可以實現印刷列印的綜合控制，在某些情況下甚至優於TIFF格式。&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt;+&lt;/td&gt;&lt;td style=&quot;color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*EPS:EPS 是 Encapsulated Postscript 的縮寫　是跨平台的標準格式，副檔名在 &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;PC上是「&lt;/ins&gt;.&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;eps」　在 &lt;/ins&gt;Macintosh &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;是「&lt;/ins&gt;.&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;epsf」，主要用於向量圖片和光閘極圖片的存儲，EPS &lt;/ins&gt;格式採用 Postscript 語言進行描述，並且可以儲存其他一些類型訊息。例如：多色調曲線、Alpha通道、分色、剪輯路徑、掛網訊息和色調曲線等。因此　EPS 格式常用於印刷或列印輸出，Photoshop 中的多個EPS格式選項可以實現印刷列印的綜合控制，在某些情況下甚至優於TIFF格式。&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt;−&lt;/td&gt;&lt;td style=&quot;color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*PNG:&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;每個點都是原色，不失真公開格式，PNG（Portable &lt;/del&gt;Networf &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Graphics）的原名稱為〝可移性網路圖片〞，是網上接受的最新圖片檔案格式，PNG &lt;/del&gt;能夠提供長度比 GIF 小 30％ 的無損壓縮圖片檔案，它同時提供 24 位和 48 位真彩色圖片支援以及其他諸多技術性支援，由於 PNG 非常新，所以，目前並不是所有的程式都可以用它來存儲圖片檔案，但 Photoshop 可以處理 PNG 圖片檔案，也可以用 PNG 圖片檔案格式存儲。&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt;+&lt;/td&gt;&lt;td style=&quot;color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*PNG:&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;每個點都是原色，不失真公開格式，PNG(Portable &lt;/ins&gt;Networf &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Graphics)的原名稱為「可移性網路圖片」，是網上接受的最新圖片檔案格式，PNG &lt;/ins&gt;能夠提供長度比 GIF 小 30％ 的無損壓縮圖片檔案，它同時提供 24 位和 48 位真彩色圖片支援以及其他諸多技術性支援，由於 PNG 非常新，所以，目前並不是所有的程式都可以用它來存儲圖片檔案，但 Photoshop 可以處理 PNG 圖片檔案，也可以用 PNG 圖片檔案格式存儲。&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;===二、基本架構===&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;===二、基本架構===&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*基本架構&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*基本架構&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>丁志仁</name></author>
		
	</entry>
	<entry>
		<id>http://nice-learning.net/nlWiki/index.php?title=CSS%E5%8F%8ASVG%E9%80%B2%E9%9A%8E%E6%87%89%E7%94%A8&amp;diff=3030&amp;oldid=prev</id>
		<title>張又懿 於 2020年11月22日 (日) 13:47</title>
		<link rel="alternate" type="text/html" href="http://nice-learning.net/nlWiki/index.php?title=CSS%E5%8F%8ASVG%E9%80%B2%E9%9A%8E%E6%87%89%E7%94%A8&amp;diff=3030&amp;oldid=prev"/>
		<updated>2020-11-22T13:47:02Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;a href=&quot;http://nice-learning.net/nlWiki/index.php?title=CSS%E5%8F%8ASVG%E9%80%B2%E9%9A%8E%E6%87%89%E7%94%A8&amp;amp;diff=3030&amp;amp;oldid=1674&quot;&gt;顯示變更&lt;/a&gt;</summary>
		<author><name>張又懿</name></author>
		
	</entry>
	<entry>
		<id>http://nice-learning.net/nlWiki/index.php?title=CSS%E5%8F%8ASVG%E9%80%B2%E9%9A%8E%E6%87%89%E7%94%A8&amp;diff=1674&amp;oldid=prev</id>
		<title>高本潤 於 2020年10月5日 (一) 01:29</title>
		<link rel="alternate" type="text/html" href="http://nice-learning.net/nlWiki/index.php?title=CSS%E5%8F%8ASVG%E9%80%B2%E9%9A%8E%E6%87%89%E7%94%A8&amp;diff=1674&amp;oldid=prev"/>
		<updated>2020-10-05T01:29:59Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table class=&quot;diff diff-contentalign-left&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;zh-Hant-TW&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #222; text-align: center;&quot;&gt;←上個修訂&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #222; text-align: center;&quot;&gt;於 2020年10月5日 (一) 01:29 的修訂&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l18&quot; &gt;行 18：&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;行 18：&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;**這是因為，當從磁片上讀取圖片時，軟體又會把丟失的像素用適當的顏色訊息填充進來，如果要減少圖片佔用內存的容量，就必須使用失真壓縮方法，非失真壓縮方法的優點是能夠比較好地儲存圖片的品質，但是，相對來說這種方法的壓縮率比較低，不過，如果需要把圖片用高分辨率的印表機列印出來，最好還是使用非失真壓縮，幾乎所有的圖片檔案都採用各自簡化的格式名作為檔案副檔名，從副檔名就可知道這幅圖片是按什麼格式存儲的，應該用什麼樣的軟體去讀／寫等等。&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;**這是因為，當從磁片上讀取圖片時，軟體又會把丟失的像素用適當的顏色訊息填充進來，如果要減少圖片佔用內存的容量，就必須使用失真壓縮方法，非失真壓縮方法的優點是能夠比較好地儲存圖片的品質，但是，相對來說這種方法的壓縮率比較低，不過，如果需要把圖片用高分辨率的印表機列印出來，最好還是使用非失真壓縮，幾乎所有的圖片檔案都採用各自簡化的格式名作為檔案副檔名，從副檔名就可知道這幅圖片是按什麼格式存儲的，應該用什麼樣的軟體去讀／寫等等。&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*點陣圖檔案格式&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*點陣圖檔案格式&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt;−&lt;/td&gt;&lt;td style=&quot;color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;**&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;pug&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt;+&lt;/td&gt;&lt;td style=&quot;color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;**&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;png&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;**jpg&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;**jpg&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;**gif&lt;/div&gt;&lt;/td&gt;&lt;td class=&#039;diff-marker&#039;&gt; &lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;**gif&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>高本潤</name></author>
		
	</entry>
	<entry>
		<id>http://nice-learning.net/nlWiki/index.php?title=CSS%E5%8F%8ASVG%E9%80%B2%E9%9A%8E%E6%87%89%E7%94%A8&amp;diff=1668&amp;oldid=prev</id>
		<title>張又懿 於 2020年10月4日 (日) 12:23</title>
		<link rel="alternate" type="text/html" href="http://nice-learning.net/nlWiki/index.php?title=CSS%E5%8F%8ASVG%E9%80%B2%E9%9A%8E%E6%87%89%E7%94%A8&amp;diff=1668&amp;oldid=prev"/>
		<updated>2020-10-04T12:23:05Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;a href=&quot;http://nice-learning.net/nlWiki/index.php?title=CSS%E5%8F%8ASVG%E9%80%B2%E9%9A%8E%E6%87%89%E7%94%A8&amp;amp;diff=1668&amp;amp;oldid=1667&quot;&gt;顯示變更&lt;/a&gt;</summary>
		<author><name>張又懿</name></author>
		
	</entry>
	<entry>
		<id>http://nice-learning.net/nlWiki/index.php?title=CSS%E5%8F%8ASVG%E9%80%B2%E9%9A%8E%E6%87%89%E7%94%A8&amp;diff=1667&amp;oldid=prev</id>
		<title>張又懿：已建立頁面，內容為 &quot;{{s4e:編輯培力/SVG(一)}}&quot;</title>
		<link rel="alternate" type="text/html" href="http://nice-learning.net/nlWiki/index.php?title=CSS%E5%8F%8ASVG%E9%80%B2%E9%9A%8E%E6%87%89%E7%94%A8&amp;diff=1667&amp;oldid=prev"/>
		<updated>2020-10-04T11:53:30Z</updated>

		<summary type="html">&lt;p&gt;已建立頁面，內容為 &amp;quot;{{s4e:編輯培力/SVG(一)}}&amp;quot;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;新頁面&lt;/b&gt;&lt;/p&gt;&lt;div&gt;{{s4e:編輯培力/SVG(一)}}&lt;/div&gt;</summary>
		<author><name>張又懿</name></author>
		
	</entry>
</feed>