.svg画像のブラウザアンチエイリアスを削除する

Question

ChromeとFirefoxが.svg画像にアンチエイリアスを適用しないようにする方法はありますか？イメージが拡大または縮小されているか、元のサイズに維持されているかどうかは関係ありません。常に発生します。これは大きな画像の場合は問題ありませんが、小さなアイコンの場合、アンチエイリアスは本当に明白で、画像がぼやけて見えます。

イメージレンダリングCSSプロパティのさまざまな値を試しました。私はイメージレンダリングを信じています。クリスプエッジは私が必要とするものですが、これはまだ適切にサポートされておらず、効果もありません。

上記形状のエッジがないアンチエイリアシングを有する直黒であるべきです。

Answer 1

図形にshape-rendering = "crispEdges"を追加します。あなたはCSSでもこれを行うことができます。

* { 
    shape-rendering: crispEdges; 
}