作成時に利用するPCの画面解像度の影響って。。

質問

技術的ってほどではないのですがこちらのカテゴリーだとHP作成のプロの方が多いかなったと思って質問させていただきました。

現在、簡単なホームページを作成していて、私の利用しているパソコンの画面解像度は１６００ｘ１２００でおそらく一番普及している１２８０ｘ１０２４よりだいぶ解像度は高いと思います。そのPCである画像（地図）を作成しHTMLに組み込み、アップしたのですが他のPCだとその画像の線が一部なかったりします。。　これってしょうがないことなのでしょうか？？　このような環境で画像を作成する場合の注意点などあれば教えてください　お願いいたします。

回答No.3

cubics · ベストアンサー

画像の表示は解像度に左右されますから、高解像度のもとで、１ドット単位で特に地図のような線や画像の文字などは、低解像度の画面に縮小表示されれば、表示されない場合もありますね。もちろん、画像をオリジナル解像度で表示すればいいわけですが、そうすると、画像部分の表示領域が大きくなって、見栄えが悪いとか、スクロールするのがふべんだということにもなります。
通常、高解像度の画像を表示させるには、まずはすぐアクセスされるページには、サムネイルや、低解像度の画像を載せて、リンクを貼るなどして、高解像度画像を別途見せるという方式がよく見られます。
昔の通信速度が非常に遅かった時代はデータの大きさを気にしましたが、最近は、構わずに貼り付けますよね。^^;)
>一番普及している１２８０ｘ１０２４
ぎょえ！ユーザーの見る画面としては、今はまだ、１０２４ｘ７６８がいいのでは・・・。
http://oshiete1.goo.ne.jp/kotaeru.php3?q=1466685

参考URL：

http://oshiete1.goo.ne.jp/kotaeru.php3?q=1466685

補足

やはりそういうことですよねぇ。。参考URLとても参考になりました。このPCでそのような作業をする場合どうすればこのような事象を回避できるのでしょうか？また、素人ですみません「オリジナル解像度で表示すればいいわけですが」って具体的にどういうことですか？

回答No.7

cubics

No.6 さんのおっしゃるように、解像度に正解はないですね。
あくまで想定するユーザーの環境を考慮して、ということで。
あちらを立てれば、こちらが立たずというところですね。

お礼

そうですね。ちょっと元の質問からはずれてしまいましたがお付き合いいただきありがとうございました！

回答No.6

taseki

> ピクセルすうは１０２４ｘ７６８以下にするべき！ということですか？

推奨は横幅800pxです。縦は、たいていは縦長の「巻物」のようなページが普通ですから、ある程度長くてもいいと思います。

このあたりは「Webページデザインでの適切なサイズは？」というような質問として、別の話題ですね…。

それより、本題の「線が消える」現象については、どうでしょう。
●もしかして編集画面で見てませんか？ブラウザで見ると、他の人と同じように消えて見えるとか

もし縮小しなければ正常に表示される、というなら、やはりサムネイル表示が最善策でしょう。
サムネイル表示というのは、縮小版を作って一覧表示しておいて、それをクリックするとオリジナル画像が表示される、という表示方法です。
たとえば↓適当に検索して見つけたページです。
http://www.jwl.co.jp/REPAIR/sample.htm

お礼

どうもありがとうございます。　ちゃんとアップしたあとにブラウザ上でみているのですがそうなります、３種類くらいのブラウザで試したのですが全部消えてしまっていました。。。もともと縮小してもすこし大きすぎたのでサムネイルにして新しいウィンドウで拡大って感じにしようと思います。ご親切にありがとうございました

回答No.5

cubics

ども。
>オリジナル解像度で表示すればいいわけですが
これは、見る側のブラウザの設定で、「イメージを自動的にサイズ変更する」とかのオプションの話ですね。あとは、画像を滑らかにするとかも関係するのかなぁ。
（もし、理解が間違ってたら、ご容赦願います。）

まあ、解像度については、昔も開発者はでかい画面使ってて、低解像度用のアプリは表示が小さいので嫌われてはいましたね。で、高解像度のものを製作する、と。（笑）

お礼

なるほど。。っていうことは作るほうが８００ｘ６００なりの表示画面を前提にレイアウトなり画像を考えろということですねぇ　あっこれ基本中の基本っぽいですね

回答No.4

taseki

なるほど、縮小した画像ですか。
考えられる可能性として、
●もしかして編集画面で見てませんか？ブラウザで見ると、他の人と同じように消えて見えるとか
●色数の違いということはないでしょうか。相当いいモニタをお使いのようですので、単純に発色能力の差で、微妙な色の違いを再現できていないとか。

蛇足ですが、cubicsさんの

> ぎょえ！ユーザーの見る画面としては、今はまだ、１０２４ｘ７６８がいいのでは・・・。

おっしゃるとおり私もそう思います…。
もっと言えばモバイル端末など考慮すれば800ｘ600です（解像度を上げると字が読めないので、あえて下げてある）。

お礼

返信ありがとうございます
まだ少しつかめていないところもあるのですが
「ユーザーの見る画面としては、今はまだ、１０２４ｘ７６８がいいのでは・・・」ということは例えばページの全体像として例えばテーブルを利用した場合その一番の外枠のピクセルすうは１０２４ｘ７６８以下にするべき！ということですか？
なんだか質問が永遠に続きそうですｗ

回答No.2

taseki

画像の線がない、というのは、画像が大きすぎて画面の中に収まっていない、という意味ですか？

その場合ですが、しょうがないというより、ページを作るときは必ず見る側の環境に配慮する必要があり、画像を含めページの横幅も見る側の画面解像度に合わせて作らなければなりません。

有名サイトや、少しでも多くの人に見てもらうことを考えたサイトでは、モバイル端末を考慮して、ほとんどのサイトは横幅800pxで設計されています。最近はそれ以上の幅も存在しますが、やはりまだ800pxが基準になっているように思います。
MSNやYahooや、このOKWebも、800pxに収まるように設計されています。

ただし、もちろんこれは「程度の問題」であって、japanfreakさんがお作りのページの主旨によります。極端な話、仲間内だけに見せる目的の個人ページなどであれば、それほど神経質になる必要もないかもしれません。
少しでも多くの人に、と考えるなら、やはり横幅800pxを基準に、少なくとも1024pxに収まるよう設計するといいと思います。

補足

ありがとうございます。
今回は画像が大きい小さいということではなく画像のなかの線がないということです、例えば、地図なので国道名を　四角でかこって書いたのですがひとつは四角の左がなくほかのは右側がなかったりちゃんと表示されているものもあります。自分自身の現在の解釈なんですが、１ｐｘの線が縮小した事により０．ｘｘという認識になりその場合は０として扱われている部分があるのではないかと。。。どうでしょう？　でもその場合は自分のパソコンの解像度とかは関係なくなりますがｗ　あっこれも重要かもしれませんっていうかこれかもしれませんが縮小の際、上下比率を保たずに変化させました。。。でも自分のパソコンでは普通にみれるのに。。わかりません

回答No.1

mendokusa

普通に作ればそんな事はないはず。
編集ソフトは何ですか。

補足

その画像はホームページビルダーについてくるウェブアートデザイナーというやつなんですがフォトショップでやっても同じでした。
もう少し細かく説明をするとそのソフトで地図画像を作り、HTMLに組み込む時に大きすぎたので縮小して挿入しました。でも自分のPC上では普通にみれたのですが他のパソコンだと線が消えていたりします。おそらくその縮小が影響しているとおもうのですが対処法がみつかりません