バグに近いのではないかと思います

始めまして。Web開発などを行っております、すぐ使える株式会社の井上と申します。

画像のアンチエイリアスの件ですが、確かにおっしゃる通りですね。
少し調べてみましたら、やはり、Google Chrome ではCSSでの調整が有効にならない、なぜだ、という議論は続いているようです。

CSS3 でもこのあたりをコントロールする仕様が提案されていますので、実装が無いのはブラウザの機能不足という気がします。

「Chrome での設定方法」として検索するとヒットする方法はあるのですが、現時点（2012年12月）では実際にやってみるとアンチエイリアスされてしまう事から、少なくとも現在の最新バージョンではバグなのか、意図したものなのか、対応が無い事は確かなようです。

ただし、Opera の方では以下の設定でアンチエイリアス無しが可能です（Opera 12.11 で確認）。Chrome の方もある日対応されているかもしれませんね。

【現在の所Webを探して見つかった「ベストプラクティス」】

img.pixelated {
image-rendering: optimizeSpeed;
image-rendering: -moz-crisp-edges; /* Firefox */
image-rendering: -o-crisp-edges; /* Opera */
image-rendering: -webkit-optimize-contrast;/* Mac Safari (Chrome?) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor; /* IE */
}

Safari はMacだと期待通りですが、Windowsの方は若干アンチエイリアスされてしまうようです。

現時点で Chrome を無視したサイト制作は難しいですので、結局の所あまりお役に立てない感じですが、ご参考になりましたら幸いです。