JavaScript - 画像をブラウザに読み込むと、画像の周囲のピクセルがぼやけるのはなぜですか?

Question

1000px*1000px の画像を作成しました。最初のピクセルには塗りつぶしの色があり、Windows で拡大すると正常に見えます。
フロントエンドがこの画像を要求した後、スタイルを設定します: width: 40000px; height : 40000px; 何度もズームインすると、ピクセルが非常にぼやけます。
どのようにズームインしても、表示されるべきものは常に明確な境界を持つ均一なカラー ブロックであるべきだと思います。
ブラウザで拡大すると、画像は完全に表示されますか? ピクセルの内容はどうですか?

Answer 1

ブラウザには画像拡大専用のぼかしアルゴリズムが搭載されており、画像が1ピクセルしかないのは不合理に思えますが、通常の画像の場合、この種のぼかし処理により、拡大した画像を単に拡大するのではなく、元の画像に近づけることができます。モザイクになる

Answer 2

画像形式に問題がありますか

Answer 3

リーリー