網頁製作同樣字級，為什麼在不同軟體呈現就不同?

Question

最近在用Dreamweaver MX做網頁，發現一樣的字級，在Dreamweaver和Photoshop、Illustrator呈現的大小竟然不一樣。

因為我之前為了要趕時間提設計案，所以先用Photoshop設計作首頁，提案時，文字是用10pt，字型是Verdana，現在提案過了要開始用Dreamweaver製作正式網頁，卻發現在Dreamweaver 一樣的字級，一樣的字型，卻比Photoshop和Illustrator呈現出來的還要大，
但如果我在Dreamweaver把字級的單位改成10px(像素)，就會跟Photoshop裡的10pt一樣，為什麼會這樣ㄋ?有人知道原因嗎

Ming，我在Photoshop做的那個檔案是 72 dpi沒錯，所以你的意思是，在Photoshop或是Illustrator裡的"pt"指的是針對印刷輸出所顯示的單位，但在Dreamwaver裡的"pt"是針對螢幕顯示的，所以二個軟體呈現大小不同的關係是因為Photoshop(印刷)的解析度dpi跟Dreamwaver(螢幕)的解析度dpi是不一樣的，是嗎？

我還是有點不太懂你的解釋ㄝ，你可以舉例嗎？如果今天我要做一個在網頁顯示字級大小是10pt，那在Photoshop 72dpi的檔案中，我的字級要設多少才會跟在Dreamwaver裡的10pt一樣大？
另外Illustrator要怎麼建立檔案的解析度ㄋ？

Answer 1

那是因為輸出與螢幕顯示兩者不同的關係。

不曉得你了不了解印刷所謂 dpi ，直接翻譯就是每英吋幾點 (dot per inch)，pt 就是指名了印刷上幾點。一般印刷都是 150 dpi 到 600 dpi，螢幕解析度大約是 72 dpi 到 96 dpi，你在印刷上指名 10pt 當然不失真放到螢幕上大概是得至少放大一倍多 (150 / 96 = 1.x)，檢查你在 illustrator 與 photoshop 一開始建立的檔案是不是設在 72 dpi。

px 則是專為螢幕顯示用的幾點像素。