如何在網頁瀏覽器中處理圖像像素？

Question

W3C的文檔指出以下幾點：

像素（PX）是相對於所述觀看設備。對於低dpi設備，1px是顯示器的一個設備像素（點）。對於打印機和高分辨率屏幕1px意味着多個設備像素。

這種類型的標準元素，如divs和表格是有意義的。如果屏幕具有更大的像素密度，則爲CSS像素預留更多實像素，以便在所有屏幕上保持實際元素大小基本相等，而不管其密度如何。在這個意義上，CSS像素可以被看作僞絕對長度測量。

但對於圖像？我知道讓瀏覽器調整圖像大小是不好的做法。但接下來如何處理源圖像的像素？我想它不可能與其他元素相同，否則我會在高密度屏幕上獲得低分辨率圖像，因爲將更多設備像素分配給單個圖像像素。

Answer 1

如果圖像的分辨率比屏幕的分辨率下，顯卡將增加像素以使圖像填寫所需要的像素。

所以，如果你的形象比你的屏幕相同的分辨率，圖像的每個像素在屏幕的每個像素渲染。

但是，如果你的形象比你的屏幕分辨率較低，如果顯卡不會做的工作，因爲它沒有足夠多的像素，以填補你的實際屏幕分辨率圖像會顯得更小。

正如你所看到的，圖形卡將永遠迫使中間色，這是你的兩種顏色之間的媒介。

很顯然，如果你的形象，如果一個全黑的像素，黑的黑色的中間顏色是黑色的，所以圖像不會顯得捉襟見肘。