html - 拡大しても画像がぼやけない

Question

これは正しい答えが1つ得られる答えではありませんが、とにかく尋ねます：

画像がぼやけないように、画像を拡大または縮小することはできますか?

たとえば、これは起こらないはずです。ピクセルは互いにぼやけるべきではありませんが、拡大されたブロックピクセルで拡大する必要があります。maginification: block;CSS や HTML、あるいは JS ポリフィルにそのようなものはありますか?

Answer 1

image-rendering: pixelated;

ただし、まだサポートされていません。

https://developer.mozilla.org/en-US/docs/CSS/image-rendering#Browser_compatibility

これらは現在機能しますが、ダウンスケーリングの場合のみ:

    image-rendering: -moz-crisp-edges;         /* Firefox */
    image-rendering:   -o-crisp-edges;         /* Opera */
    image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */