javascript - 為什麼圖片載入到瀏覽器端 像素周圍都模糊了呢？

Question

做了圖片1000px*1000px，第一個像素有填滿顏色，windows下放大後看正常
前端請求到這個圖片後，設定style：width:40000px;height:40000px;放大很多倍之後，像素周圍很模糊
我覺得無論怎麼放大，呈現的應該始終是一個均勻有明顯邊界的顏色塊啊
有沒有辦法讓圖片在瀏覽器端放大後，也能完美的呈現每一個像素的內容呢？

#

Answer 1

瀏覽器有模糊演算法是專門針對圖片放大的，你這個圖片只有一個像素看起來是不合理的，但是針對普通的圖片，這種模糊處理能讓放大圖片更接近原圖，而不是一放大就變成馬賽克

Answer 2

是不是圖片格式的問題

Answer 3

雷雷