0

250x250px にサイズ変更された 10x10px の画像を表示しています。この場合、ピクセル化を望んでいますが、ピクセル化された画像の視覚的品質を向上させるために、ブラウザによってピクセル化がぼやけているようです。特定の画像でこれが起こらないようにする方法はありますか?

予想される対実際のピクセレーション結果

これはブラウザーの「機能」のように見えます。プレビュー (Mac) などのさまざまなアプリは鮮明なピクセル化を表示し、Finder (Mac) はぼやけたピクセル化を表示します。

PHP または HTML5 で鮮明なピクセル化を強制する方法を見つけたいと思います。

助けてくれてありがとう！:)

4

1 に答える 1

1

imgのサイズを変更するときは、「bicubic」を探してcssを使用する必要があります。

<html>
   <head></head>
    <body>
        <img src="Untitled.bmp" style="width:500px; height:500px;
                                        image-rendering: -moz-crisp-edges;
                                        -ms-interpolation-mode: bicubic;"></img>
    </body>
</html>

このリンクは、さまざまな手法を理解するのに役立ちます: 画像補間

それがあなたを助けることを願っています。

ブラジル

于 2014-10-21T14:12:01.733 に答える