Image Resizing Algorithm 経緯 Retina対応等が進む中、大きい画像をWeb上で縮小表示し高解像度ディスプレイに対応するケースが多々あります。 がしかし、ブラウザ固有のリサイズのアルゴリズムや表示画像サイズによっては、レンダリングされた画像がぼやけることも。 そこで、リサイズのアルゴリズムを正しく理解した上で、適切な対応方法を検討したい、という話なのです。 縮小表示の例 表示サイズ width: 280px (原寸) width: 140px (4px → 1px) width: 145px (3.86...px → 1px) width: 145px (3.86...px → 1px) image-rendering auto auto auto pixelated 画像 (サンプル画像が古いことへの突っ込みは受け付けません。久しく絵と呼べるものを描いていないの
![リサイズした画像がぼやける件 - omohayui blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/ef9064c9c9c866421173668b6e811afff76e03d2/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fo%2Fomohayui%2F20170820%2F20170820155938.jpg)