<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		>
<channel>
	<title>CSSによる画像置換問題概観 へのコメント</title>
	<atom:link href="http://note.openvista.jp/2007/image-replacement-using-css/feed/" rel="self" type="application/rss+xml" />
	<link>http://note.openvista.jp/2007/image-replacement-using-css/</link>
	<description>情報（ユーザー中心デザイン・ユーザビリティ）と技術（ウェブプログラミング・ウェブサービス）についてのメモ書き</description>
	<lastBuildDate>Wed, 26 Oct 2011 02:27:16 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
	<item>
		<title>leva より</title>
		<link>http://note.openvista.jp/2007/image-replacement-using-css/comment-page-1/#comment-1532</link>
		<dc:creator>leva</dc:creator>
		<pubDate>Tue, 12 Feb 2008 02:32:34 +0000</pubDate>
		<guid isPermaLink="false">http://note.openvista.jp/198/#comment-1532</guid>
		<description>＞幸之介さん
なるほど。プライオリティが高い情報は載せるべきではないというのは違いないようですね。

ちなみに、ImageReplacementと言ってもブラウザ互換性のレベルから様々な書き方ができるようです。background-imageで実現するというのは、最も原始的（厳密にはimgタグを書くのもそれでしょうけど）な方法のようです。

以下でかかれているように、contentプロパティによって生成する方法もあります。IE7が対応していたら使い出もあるのですがね…残念です。
http://d.hatena.ne.jp/hoshikuzu/20060219

また、CSS3ではビジターのフォントを利用する形で、このような書き方もできるようです。簡単なReplacementならこれで代用できそうですね。
http://www.css3.info/image-replacement-in-css3/</description>
		<content:encoded><![CDATA[<p>＞幸之介さん<br />
なるほど。プライオリティが高い情報は載せるべきではないというのは違いないようですね。</p>
<p>ちなみに、ImageReplacementと言ってもブラウザ互換性のレベルから様々な書き方ができるようです。background-imageで実現するというのは、最も原始的（厳密にはimgタグを書くのもそれでしょうけど）な方法のようです。</p>
<p>以下でかかれているように、contentプロパティによって生成する方法もあります。IE7が対応していたら使い出もあるのですがね…残念です。<br />
<a href="http://d.hatena.ne.jp/hoshikuzu/20060219" rel="nofollow">http://d.hatena.ne.jp/hoshikuzu/20060219</a></p>
<p>また、CSS3ではビジターのフォントを利用する形で、このような書き方もできるようです。簡単なReplacementならこれで代用できそうですね。<br />
<a href="http://www.css3.info/image-replacement-in-css3/" rel="nofollow">http://www.css3.info/image-replacement-in-css3/</a></p>
]]></content:encoded>
	</item>
	<item>
		<title>幸之介 より</title>
		<link>http://note.openvista.jp/2007/image-replacement-using-css/comment-page-1/#comment-1520</link>
		<dc:creator>幸之介</dc:creator>
		<pubDate>Sun, 10 Feb 2008 22:01:42 +0000</pubDate>
		<guid isPermaLink="false">http://note.openvista.jp/198/#comment-1520</guid>
		<description>ノートPC + PHS という環境で、たまに「CSS ON &amp; IMG OFF」に設定することがあります。
確かにここのように軽いサイトであれば効果はそれほどでもないかもしれませんが、画像OFFの効果が高いサイトは世の中にたくさんあります。そして、わざわざ「このサイトは軽そうだから画像ONにしよう」などとブラウザの設定を切り替えながらネットサーフィンするわけでもありません。

「そのような設定変更を「わざわざ」行う程の知識を持ったユーザは、アクセシビリティが損なわれる危険性をそもそも承知しているはず」というのももっともで、少なくともわたしはその危険性を認識していますが、理想主義の私の個人的意見では、-9999pxなどと指定しなければ実現できないデザインなど軽くあきらめてしまえるのが大人であると感じています（笑）。</description>
		<content:encoded><![CDATA[<p>ノートPC + PHS という環境で、たまに「CSS ON &amp; IMG OFF」に設定することがあります。<br />
確かにここのように軽いサイトであれば効果はそれほどでもないかもしれませんが、画像OFFの効果が高いサイトは世の中にたくさんあります。そして、わざわざ「このサイトは軽そうだから画像ONにしよう」などとブラウザの設定を切り替えながらネットサーフィンするわけでもありません。</p>
<p>「そのような設定変更を「わざわざ」行う程の知識を持ったユーザは、アクセシビリティが損なわれる危険性をそもそも承知しているはず」というのももっともで、少なくともわたしはその危険性を認識していますが、理想主義の私の個人的意見では、-9999pxなどと指定しなければ実現できないデザインなど軽くあきらめてしまえるのが大人であると感じています（笑）。</p>
]]></content:encoded>
	</item>
	<item>
		<title>leva より</title>
		<link>http://note.openvista.jp/2007/image-replacement-using-css/comment-page-1/#comment-1019</link>
		<dc:creator>leva</dc:creator>
		<pubDate>Fri, 07 Dec 2007 06:53:42 +0000</pubDate>
		<guid isPermaLink="false">http://note.openvista.jp/198/#comment-1019</guid>
		<description>&gt;シマダさん
「何らかの通信上の問題」とは例えば、地下鉄でケータイフルブラウザを使ってページを読み込んでいる途中に、圏外になってしまったとかそういうケースを指すのでしょうか（UAの仕様や設定ではなく）

なるほど、それは想定してませんでした。このケースだと対策するはずのJavascriptファイルすら読み込まれない可能性があるので、対策しようとなると「CSSによる画像置換をしない」ことが一番の対策になるのでしょうかね。

それで、今一度サポート範囲について考えてみますと、上記のような状況はそれほど一般的なものではないと思いますので、CSS画像置換を使うメリット（by てんぽさん）を優先しまして、個人的にはそのような状況についてサポートはしないつもりです。

逆にデメリットの方が大きいと判断して配慮しようかいうことであれば、imgタグを使うことで問題を回避しようかということになるでしょうね。</description>
		<content:encoded><![CDATA[<p>&gt;シマダさん<br />
「何らかの通信上の問題」とは例えば、地下鉄でケータイフルブラウザを使ってページを読み込んでいる途中に、圏外になってしまったとかそういうケースを指すのでしょうか（UAの仕様や設定ではなく）</p>
<p>なるほど、それは想定してませんでした。このケースだと対策するはずのJavascriptファイルすら読み込まれない可能性があるので、対策しようとなると「CSSによる画像置換をしない」ことが一番の対策になるのでしょうかね。</p>
<p>それで、今一度サポート範囲について考えてみますと、上記のような状況はそれほど一般的なものではないと思いますので、CSS画像置換を使うメリット（by てんぽさん）を優先しまして、個人的にはそのような状況についてサポートはしないつもりです。</p>
<p>逆にデメリットの方が大きいと判断して配慮しようかいうことであれば、imgタグを使うことで問題を回避しようかということになるでしょうね。</p>
]]></content:encoded>
	</item>
	<item>
		<title>シマダ より</title>
		<link>http://note.openvista.jp/2007/image-replacement-using-css/comment-page-1/#comment-1018</link>
		<dc:creator>シマダ</dc:creator>
		<pubDate>Fri, 07 Dec 2007 05:56:36 +0000</pubDate>
		<guid isPermaLink="false">http://note.openvista.jp/198/#comment-1018</guid>
		<description>なぜみんな､ ｢画像が読み込まれないのは画像を非表示にしている環境である｣ と話を限定してしまうのでしょうか｡ 何らかの通信上の問題があって画像が届かないとか､ そういう状況をなぜ誰も想定しないのでしょうか｡</description>
		<content:encoded><![CDATA[<p>なぜみんな､ ｢画像が読み込まれないのは画像を非表示にしている環境である｣ と話を限定してしまうのでしょうか｡ 何らかの通信上の問題があって画像が届かないとか､ そういう状況をなぜ誰も想定しないのでしょうか｡</p>
]]></content:encoded>
	</item>
	<item>
		<title>leva より</title>
		<link>http://note.openvista.jp/2007/image-replacement-using-css/comment-page-1/#comment-60</link>
		<dc:creator>leva</dc:creator>
		<pubDate>Sun, 26 Aug 2007 12:21:11 +0000</pubDate>
		<guid isPermaLink="false">http://note.openvista.jp/198/#comment-60</guid>
		<description>ご意見ありがとうございます、参考になりました。
モバイル環境でのサイト閲覧に一定の需要があるとすれば、一般的にはhandheld向けCSSを用意して、随時テキスト置換していく方法も考えられますね。CSSが無効にできないUAというのも意外と多いのかもしれません。

それと、うちのサイトでは「Mobile Eye +」というケータイ/PDA用UA向けに専用のテキストベースの軽いテーマを用意して送るプラグインを導入しているので、こうした環境では問題はないはずです。
HTMLもGZIP圧縮（これはWordPress標準の機能）しているので、ご指摘の通りデータ量は減っています。JSやCSSの圧縮も考えたのですが、今後アクセス量が増えてくるとサーバ側で圧縮（mod_deflate）していると、負荷も無視できくなってくるだろうと思いますので、現状は本文データのみにしています。</description>
		<content:encoded><![CDATA[<p>ご意見ありがとうございます、参考になりました。<br />
モバイル環境でのサイト閲覧に一定の需要があるとすれば、一般的にはhandheld向けCSSを用意して、随時テキスト置換していく方法も考えられますね。CSSが無効にできないUAというのも意外と多いのかもしれません。</p>
<p>それと、うちのサイトでは「Mobile Eye +」というケータイ/PDA用UA向けに専用のテキストベースの軽いテーマを用意して送るプラグインを導入しているので、こうした環境では問題はないはずです。<br />
HTMLもGZIP圧縮（これはWordPress標準の機能）しているので、ご指摘の通りデータ量は減っています。JSやCSSの圧縮も考えたのですが、今後アクセス量が増えてくるとサーバ側で圧縮（mod_deflate）していると、負荷も無視できくなってくるだろうと思いますので、現状は本文データのみにしています。</p>
]]></content:encoded>
	</item>
	<item>
		<title>p より</title>
		<link>http://note.openvista.jp/2007/image-replacement-using-css/comment-page-1/#comment-61</link>
		<dc:creator>p</dc:creator>
		<pubDate>Sun, 26 Aug 2007 09:03:36 +0000</pubDate>
		<guid isPermaLink="false">http://note.openvista.jp/198/#comment-61</guid>
		<description>初めまして。
私は Windows Mobile (W-ZERO3) 搭載のブラウザ (IE Mobile、Opera Mobile) でよく Web を利用しますが、まさに CSS 有効、画像表示無効の状態です。
想定ユーザ像2に一番近いでしょうか。

画像は帯域を節約 (というか高速化) するために意図的にオフにしています。
CSS は本当は無効化したいんですが、IE にも Opera にも無効化するオプションがありません。表示が崩れないためにではありません。
JavaScript は有効なので、JavaScript を使って判別するという手はおそらく有効に働くと思います。
NetFront や jig 等のフルブラウザではまた違うかもしれません。

画像表示がオフだとテキストすら表示されなくなる場合があるというのはちょっと想定外で、たまたまこのエントリに出会った私は今学習しましたが、利用者のほとんどがそもそも承知しているはずという考えは無理があると思います。

ただ、いずれにせよまだニッチなユーザであることは認識しているので、「特殊ケースだから」という理由で切り捨てられるならそれはそれで「まあしょうがないか」という感はあります。画像置換が使われる部分って大抵重要じゃない情報が入っている場所だと思いますし、見えなくてもたぶん困りません。

また、節約される帯域の話ですが、たとえ全体の3割でしかなくとも、86KB あったら私の 64kbps では11秒です。割合で少なくとも絶対量で考えれば相当なものです。
(確かに画像を抜いてもサイドバーやら CSS やら JS やらで肥大化する最近のブログのデータ量には携帯利用時には辟易するものがありますね)

また、HTML や CSS、JS には、画像と違って圧縮転送が効くので、実際に転送される情報量は1/3～1/5程度になることも考慮すべきかと思います。(クライアント側・サーバ側双方で有効化されていれば、ですが)
このページの HTML も元データは 26KB あるようですが、実際に転送されているデータ量は 8KB と、1/3以下になっているようですね。</description>
		<content:encoded><![CDATA[<p>初めまして。<br />
私は Windows Mobile (W-ZERO3) 搭載のブラウザ (IE Mobile、Opera Mobile) でよく Web を利用しますが、まさに CSS 有効、画像表示無効の状態です。<br />
想定ユーザ像2に一番近いでしょうか。</p>
<p>画像は帯域を節約 (というか高速化) するために意図的にオフにしています。<br />
CSS は本当は無効化したいんですが、IE にも Opera にも無効化するオプションがありません。表示が崩れないためにではありません。<br />
JavaScript は有効なので、JavaScript を使って判別するという手はおそらく有効に働くと思います。<br />
NetFront や jig 等のフルブラウザではまた違うかもしれません。</p>
<p>画像表示がオフだとテキストすら表示されなくなる場合があるというのはちょっと想定外で、たまたまこのエントリに出会った私は今学習しましたが、利用者のほとんどがそもそも承知しているはずという考えは無理があると思います。</p>
<p>ただ、いずれにせよまだニッチなユーザであることは認識しているので、「特殊ケースだから」という理由で切り捨てられるならそれはそれで「まあしょうがないか」という感はあります。画像置換が使われる部分って大抵重要じゃない情報が入っている場所だと思いますし、見えなくてもたぶん困りません。</p>
<p>また、節約される帯域の話ですが、たとえ全体の3割でしかなくとも、86KB あったら私の 64kbps では11秒です。割合で少なくとも絶対量で考えれば相当なものです。<br />
(確かに画像を抜いてもサイドバーやら CSS やら JS やらで肥大化する最近のブログのデータ量には携帯利用時には辟易するものがありますね)</p>
<p>また、HTML や CSS、JS には、画像と違って圧縮転送が効くので、実際に転送される情報量は1/3～1/5程度になることも考慮すべきかと思います。(クライアント側・サーバ側双方で有効化されていれば、ですが)<br />
このページの HTML も元データは 26KB あるようですが、実際に転送されているデータ量は 8KB と、1/3以下になっているようですね。</p>
]]></content:encoded>
	</item>
</channel>
</rss>

