為什麼網頁上的字放大不會模糊反而覺得更清晰？

01-22

看到網頁上的不會因為網頁被放大而模糊或者出現失真的情況，然而圖片會這樣，為什麼字這麼厲害？

因為是矢量圖

多邊形放多大，它還是多邊形

放大反而會模糊的字體有沒有？其實是有的，蘋果的 Emoji 字體就屬於這種，不過他們內部的圖解析度足夠高，所以也不是什麼大問題。

簡而言之, 電腦上的圖像分兩種, 照片之類的是點陣圖, 放大會模糊; 網頁文字之類的是矢量圖, 可以無極縮放.

字型檔分兩種呀，一種是矢量描述的。這种放大了是不會失真的。你說的網頁上的字肯定就是這種呀。

還有一種是點陣的，這种放大了就會看到一個個小方塊，但是也有好處，配合led矩陣很簡單的就能顯示出字來。

相印的，圖片也分矢量圖和點陣圖。矢量圖放大了也不會失真的。點陣圖是用一個個像素存的，和點陣字的原理一樣，放大了就會失真呀。網頁上的圖片大多數都是點陣圖。

網頁上的內容一般為了傳輸速度都減少數據量，圖片一般就降低畫質，並且使用高壓縮，所以網頁上的圖片都是jpg格式的，畫質本來就不好，放大更看不清

文字就只有編碼，只需要傳輸網頁使用的編碼系統，比如GB2312簡體中文，再傳輸一個字元串，內容非常少，給人看的時候，瀏覽器直接調用本地字型檔，操作系統本來就自帶高清字型檔，所以儘管放大，這些操作與網速和網站伺服器無關

還有人提到點陣圖和矢量圖的區別，點陣圖就是所謂的點陣，效果就像大街上的LED顯示屏，遠處看可以，走近了就不清楚了，點陣圖效果就是小格點，放大就變成大格點，不清楚了。矢量圖內部用矢量表示，因為顯示器都是小格點的，所以矢量圖先轉換成點陣圖再放到顯示器上，放大就重新轉換，格點並沒有變大，而是變多了，所以清晰度是不變的

回到剛才的話題，網頁上的字是用編碼傳來的，本地系統的字型檔是矢量的，所以放大的時候，本地先用矢量字型檔轉換出高清字體，然後貼到顯示器上，但是圖片就不行了，網頁用jpg發來的圖片，本來就是點陣圖，本來就是小格點，放大時，CPU無法對此進行計算，只能是把小格點放大變成大格點，所以清晰度就不行了

網頁上面的內容是實時渲染的，你縮放以後會重新渲染頁面，重新計算字體之類的大小，而圖片則是提前渲染好了，每一個像素都是固定的，計算機只要讀取每一個像素點顯示出來就行，並不能識別圖片上有什麼內容，縮放也只能縮放單個像素點。

字是編輯中是矢量，質量不會被壓縮，不管放大縮小都是一樣的。

而類似於圖片這樣的，比如微信裡面的一張圖，在經由無數次保存、編輯後會越來越模糊，其圖片質量一次次被壓縮，越來越模糊。

總之：看這個是質量圖還是點陣圖。

鑽牛角尖的話畫在圖像（比如canvas）上的文字是會失真的。。原因就是一般顯示文字是矢量的，光柵化就不能了。

不過對於（灰度抗鋸齒的）文本圖像放大用waifu2x放大能起到極好的效果。。

因為字體可以加個叫「銳利」的buff，而圖片不能加哦！！

矢量字體放大不會失真

謝邀

我也是才知道為什麼(?￣? ?? ￣??)

謝邀，網頁的常見構成元素有有文本、圖像、聲音、視頻、動畫、超鏈接、菜單、表單和程序等。你所提到的字是純文本而不是圖片，而常用的計算機矢量字體是TrueType和OpenType類型的，是矢量字體。而圖片是點陣圖，就像你在ps軟體里利用文字工具輸入文字放大之後文字並不會模糊，但是你輸出成圖片格式之後放大就會模糊一樣。

字是矢量圖

謝邀，但是不是這方面的也不太懂，平時只是保存圖片和上傳有注意到，原圖保存的放大更清晰，原圖上傳的細節更多，至於網頁什麼的應該是一種技術吧