技術的ってほどではないのですがこちらのカテゴリーだとHP作成のプロの方が多いかなったと思って質問させていただきました。
現在、簡単なホームページを作成していて、私の利用しているパソコンの画面解像度は1600x1200でおそらく一番普及している1280x1024よりだいぶ解像度は高いと思います。そのPCである画像(地図)を作成しHTMLに組み込み、アップしたのですが他のPCだとその画像の線が一部なかったりします。。 これってしょうがないことなのでしょうか?? このような環境で画像を作成する場合の注意点などあれば教えてください お願いいたします。
No.3ベストアンサー
- 回答日時:
画像の表示は解像度に左右されますから、高解像度のもとで、1ドット単位で特に地図のような線や画像の文字などは、低解像度の画面に縮小表示されれば、表示されない場合もありますね。
もちろん、画像をオリジナル解像度で表示すればいいわけですが、そうすると、画像部分の表示領域が大きくなって、見栄えが悪いとか、スクロールするのがふべんだということにもなります。通常、高解像度の画像を表示させるには、まずはすぐアクセスされるページには、サムネイルや、低解像度の画像を載せて、リンクを貼るなどして、高解像度画像を別途見せるという方式がよく見られます。
昔の通信速度が非常に遅かった時代はデータの大きさを気にしましたが、最近は、構わずに貼り付けますよね。^^;)
>一番普及している1280x1024
ぎょえ!ユーザーの見る画面としては、今はまだ、1024x768がいいのでは・・・。
http://oshiete1.goo.ne.jp/kotaeru.php3?q=1466685
参考URL:http://oshiete1.goo.ne.jp/kotaeru.php3?q=1466685
この回答への補足
やはりそういうことですよねぇ。。参考URLとても参考になりました。このPCでそのような作業をする場合どうすればこのような事象を回避できるのでしょうか?また、素人ですみません「オリジナル解像度で表示すればいいわけですが」って具体的にどういうことですか?
補足日時:2005/07/16 18:01No.6
- 回答日時:
> ピクセルすうは1024x768以下にするべき!ということですか?
推奨は横幅800pxです。縦は、たいていは縦長の「巻物」のようなページが普通ですから、ある程度長くてもいいと思います。
このあたりは「Webページデザインでの適切なサイズは?」というような質問として、別の話題ですね…。
それより、本題の「線が消える」現象については、どうでしょう。
●もしかして編集画面で見てませんか?ブラウザで見ると、他の人と同じように消えて見えるとか
もし縮小しなければ正常に表示される、というなら、やはりサムネイル表示が最善策でしょう。
サムネイル表示というのは、縮小版を作って一覧表示しておいて、それをクリックするとオリジナル画像が表示される、という表示方法です。
たとえば↓適当に検索して見つけたページです。
http://www.jwl.co.jp/REPAIR/sample.htm
どうもありがとうございます。 ちゃんとアップしたあとにブラウザ上でみているのですがそうなります、3種類くらいのブラウザで試したのですが全部消えてしまっていました。。。もともと縮小してもすこし大きすぎたのでサムネイルにして新しいウィンドウで拡大って感じにしようと思います。ご親切にありがとうございました
No.5
- 回答日時:
ども。
>オリジナル解像度で表示すればいいわけですが
これは、見る側のブラウザの設定で、「イメージを自動的にサイズ変更する」とかのオプションの話ですね。あとは、画像を滑らかにするとかも関係するのかなぁ。
(もし、理解が間違ってたら、ご容赦願います。)
まあ、解像度については、昔も開発者はでかい画面使ってて、低解像度用のアプリは表示が小さいので嫌われてはいましたね。で、高解像度のものを製作する、と。(笑)
なるほど。。っていうことは作るほうが800x600なりの表示画面を前提にレイアウトなり画像を考えろということですねぇ あっこれ基本中の基本っぽいですね
No.4
- 回答日時:
なるほど、縮小した画像ですか。
考えられる可能性として、
●もしかして編集画面で見てませんか?ブラウザで見ると、他の人と同じように消えて見えるとか
●色数の違いということはないでしょうか。相当いいモニタをお使いのようですので、単純に発色能力の差で、微妙な色の違いを再現できていないとか。
蛇足ですが、cubicsさんの
> ぎょえ!ユーザーの見る画面としては、今はまだ、1024x768がいいのでは・・・。
おっしゃるとおり私もそう思います…。
もっと言えばモバイル端末など考慮すれば800x600です(解像度を上げると字が読めないので、あえて下げてある)。
返信ありがとうございます
まだ少しつかめていないところもあるのですが
「ユーザーの見る画面としては、今はまだ、1024x768がいいのでは・・・」ということは例えばページの全体像として例えばテーブルを利用した場合その一番の外枠のピクセルすうは1024x768以下にするべき!ということですか?
なんだか質問が永遠に続きそうですw
No.2
- 回答日時:
画像の線がない、というのは、画像が大きすぎて画面の中に収まっていない、という意味ですか?
その場合ですが、しょうがないというより、ページを作るときは必ず見る側の環境に配慮する必要があり、画像を含めページの横幅も見る側の画面解像度に合わせて作らなければなりません。
有名サイトや、少しでも多くの人に見てもらうことを考えたサイトでは、モバイル端末を考慮して、ほとんどのサイトは横幅800pxで設計されています。最近はそれ以上の幅も存在しますが、やはりまだ800pxが基準になっているように思います。
MSNやYahooや、このOKWebも、800pxに収まるように設計されています。
ただし、もちろんこれは「程度の問題」であって、japanfreakさんがお作りのページの主旨によります。極端な話、仲間内だけに見せる目的の個人ページなどであれば、それほど神経質になる必要もないかもしれません。
少しでも多くの人に、と考えるなら、やはり横幅800pxを基準に、少なくとも1024pxに収まるよう設計するといいと思います。
この回答への補足
ありがとうございます。
今回は画像が大きい小さいということではなく画像のなかの線がないということです、例えば、地図なので国道名を 四角でかこって書いたのですがひとつは四角の左がなくほかのは右側がなかったりちゃんと表示されているものもあります。自分自身の現在の解釈なんですが、1pxの線が縮小した事により0.xxという認識になりその場合は0として扱われている部分があるのではないかと。。。どうでしょう? でもその場合は自分のパソコンの解像度とかは関係なくなりますがw あっこれも重要かもしれませんっていうかこれかもしれませんが縮小の際、上下比率を保たずに変化させました。。。でも自分のパソコンでは普通にみれるのに。。わかりません
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ピクチャーボックスの大きさに...
-
JavaScriptで写真をフラッシュ...
-
paintに貼り付けてある画像の大...
-
ページサイズの目安は?
-
ExcelVBAで挿入画像の縦横サイ...
-
画像サイズが見る人の環境によ...
-
L字みたいな記号の表示
-
テーブルセル余白(例えば左側...
-
iPhoneで HTMLファイルを閲覧
-
シーサーブログのヘッダー画像...
-
忍者ツールズはどうすればGooの...
-
デジカメで撮った写真をURLに変...
-
gooブログです。
-
JUGEMで画像のアップが出来なく...
-
縦ボーダーの長さ変更方法
-
写真の貼り方
-
1ページの複数の記事のうち、最...
-
Dreamweaver (Studio 8)とMovab...
-
エキサイトのブログの
-
iframeの機能をcss(divタグ)で...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ピクチャーボックスの大きさに...
-
複数の画像を1枚にしたファイ...
-
一行は何ピクセル?
-
jQuery BoxerというLightBoxに...
-
lightboxを使用したのですが画...
-
ページサイズの目安は?
-
画像サイズが見る人の環境によ...
-
paintに貼り付けてある画像の大...
-
Web上での標準的な画像サイズ(...
-
GIF画像のサイズを取得するには
-
LightBoxなどで画像サイズが指...
-
VB6でピクチャーのサイズの出し方
-
同盟用のバナーサイズ。
-
pop upウィンドウを画像サイズ...
-
Powerpointに貼った画像のサイ...
-
画像の縮小をすると粗くなって...
-
jpegの圧縮率の取得
-
スマホ対応ウェブサイトの横幅...
-
ExcelVBAで挿入画像の縦横サイ...
-
VB.NETでの画像処理について
おすすめ情報