HTML微小的圖像模糊了

Question

我使用這個HTML

<img src="stone.png" height="100" width="100"></img> 

顯示，原本包含5x5的像素改爲100×100一個很小的圖像。當我這樣做時，圖像變得非常模糊。有什麼方法可以在調整大小時保留故意的「像素」設計？

注：我不想重複該圖像，我只是想以更大的方式顯示它，並保持每個像素不同。

Answer 1

不，沒有。

當比例5×5像素的圖像爲100x100，需要有用於每個軸這將總是導致模糊圖像中的每個點之間的（合成使用雙三次或雙線性插值產生的）20×內插像素。

你甚至無法在專用軟件中修復這種巨大的擴展。

唯一的解決方案是以預定的分辨率或靠近它的方式創建圖像。縮小圖像也會更好，因爲您會刪除信息而不是生成信息。