バグに近いのではないかと思います - 専門家回答 - 専門家プロファイル

専門家の皆様へ 専門家プロファイルでは、さまざまなジャンルの専門家を募集しています。
出展をご検討の方はお気軽にご請求ください。
井上 みやび子

井上 みやび子
Webエンジニア

- good

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

2012/12/11 20:51
(
4.0
)

始めまして。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 を無視したサイト制作は難しいですので、結局の所あまりお役に立てない感じですが、ご参考になりましたら幸いです。

画像
CSS

評価・お礼

Hajestia さん

2012/12/12 02:11

井上様、ご回答ありがとうございます。
ご教授いただいた方法を試してみましたが、Operaでは上手く行きましたが、Chromeではアンチエイリアスされたままでした。

これは、バグでも機能不足でもなく、「配慮不足」だと私は思います。開発者の。
「アンチエイリアスができて、非アンチエイリアスができない」なんてこと、技術的にあり得ませんからね。
疑問に思うのは私だけではないのですね。ならばなおさら不思議です。Chromeの開発者は、いったい何を考えているのでしょう…?

それにしても、無効にするための記述が、なぜブラウザごとに違うのでしょう?
CSSで統一すればいいのに、それができない理由でもあるのでしょうか?

CSSにせよブラウザにせよ、「こうすればいいだろう」と思ったことがうまく行かない…そんなことが多すぎて、Web制作がイヤになりつつありますよ…orz

(現在のポイント:-pt このQ&Aは、役に立った!

この回答の相談

なぜアンチエイリアスを無効にできないのか?

法人・ビジネス ホームページ・Web制作 2012/12/10 21:29

HTMLで画像を拡大表示させると、勝手にアンチエイリアスされてピントがぼやけたような画像で表示されます。
このアンチエイリアス機能、便利な場合もあるとは思いますが、不便な場合も… [続きを読む]

Hajestiaさん (長野県/31歳/男性)

このQ&Aに類似したQ&A

グーグル検索結果での問題点について matumatukodomoさん  2011-08-06 03:23 回答4件
Web制作を請負う際に使用するフリープログラム kimidoriさん  2009-12-14 23:50 回答5件
ミラーブログを作られています oceさん  2013-07-09 17:19 回答1件