イラスト画像の表示がおかしい？？

質問

最近初めて趣味のイラストのホームページを作りました。
イラストはフォトショップで描き、ホームページビルダーでHPを作っています。
ところが先日試しに自宅のパソコン以外から自分のHPを見てみたところ、どうもイラストの表示がおかしいのです。
横に間延びして見えるのです。微妙な感じですが自作のイラストなので気がつきました。画像のプロパティを見てみると縦横のピクセル数は自宅で見た時と変わっていません。でもどう見ても横に伸びています。
一体これはどうしてなのでしょうか？？イラストは普通に貼り付けたもので表の中に表示するなどの指定はしていません。自宅のパソコンで見るとフォトショップで見てもホームページビルダーに貼り付けた時も普通にブラウザで見た時も間延びして見えることはありません。
ちなみに以前に拝見させていただいた事のある他のイラストサイトさんのイラストもその自宅パソコンじゃないパソコンから見てみましたがやはり横に伸びている気がします。（はっきりとは確認できないのですが…）自宅パソコンとその自宅以外の所のパソコンの違いといえばモニターが自宅のものより大きいのですが、モニターの違いで縦横比が狂って見えることなどあるのでしょうか？イラストのHPなのでイラストが変形して見えるのはショックです。正しい縦横比で表示させる方法はあるのでしょうか？

回答No.6

nonbay39 · ベストアンサー

試しに４００ピクセル×４００ピクセルの正方形の画像をなんでもいいからＨＰビルダーに取り込みＵＰしてみて、ネット上で、ＨＰを呼び出して自宅や他のＰＣで確認してみた方がわかりやすいと思います。正方形が伸びるならばその方向に完全に伸びているのでしょう。ちなみに私のノートではまったく伸びません。
　挿入した画像の高さと幅の指定を作成画面の見た目ではなく、値として入力されているとは思いますが、その辺りももう一度確認されるとよいと思います。

　ちなみに動画の挿入では、下のバーも含む値までみてやらないと、単純に３２０×２４０の動画だからとそのサイズを指定してしまうと当然横に間延びしてしまいます。

　他のＰＣ画面では間延びするとのことですが、もしかしたら、横長画面のタイプのモニターだったのでは？　

　気になったのでホームページビルダー１０で仮のページを作って実験してみましたが、わたしのモニター３種では横長のタイプだけ４％ぐらい横に間延びしました。これはモニターの仕様のような気がします。私には、気にならないレベルではありますが、わかる人にはわかる差でしょうね。

　それよりも色の違いの方が個人的には気になりますが。

お礼

提案していただいた方法や3種のモニターで試していただいた結果を教えてくださってとても参考になりました。
どうもありがとうございました。

補足

書き込みをありがとうございます。

提案して頂いた方法を試してみようとしたのですが、
そもそも自宅のパソコンで正四角形を作ってみた所
それ自体が変形している事に気がつきました。
数値（ピクセル）では縦も横も同じなのですが、モニター上で実際縦横を測ってみると微妙に縦に長いのです。
一体これは！と焦って調べた結果、結論は「仕様だから仕方ない」との事でした。

つまりモニターの解像度によって画像は縦に伸びたり横に伸びたりして見える、という事らしいのです。そしてモニターの設定などからそれを正しく表示する方法はないとの事でした。（グラフィック関係のプロの方が使うCRTやそれが出来るビデオカードが入ってるモニターは修正できるそうです。）
数値でデータを作ればそれは正しいので、例えば私の自宅パソコンで作った正四角形は私のモニターでは少し縦長に見えますが、そのデータを友人宅のパソコンに送って見てもらうと友人のモニターでは実際モニター上でも正四角形に見えるとの事です。

ただどのメーカーのモニターでも解像度に寄って縦横比が変わって見えるのか？縦横比の比率がどこまで酷く差がでるものなのか？など詳しい事は判りませんでした。実際友人のパソコンでは数値そのままの画像が正しくモニターでも表示されているとの事なのでとてもショックですが、買い替えなど出来ませんので諦めるしかなさそうです。
ただ友人宅のパソコンは横長タイプらしいのでその辺りも？なのですが。どの解像度、あるいはどのメーカなら正しく表示されるという事があるのでしょうか？

もし上記の疑問について少しでもご存知の方教えてくださると嬉しいです。

回答No.5

CHI-512

こんにちは。No.4です。
う～～～～ん。難しいですね。私ではお手上げです。

価格コムというサイトをご存知でしょうか？
ここにクチコミ掲示板というものがあります。
液晶モニタカテゴリーの掲示板に、同様の質問を投稿されてはいかがですか？
パソコンに詳しい方がゾロゾロいますので、解決の糸口が見つかるのでは？

その際、あなたの使用しているパソコンのスペックを忘れずに書くことをおすすめします。

お力になれず、ごめんなさい。
私も以前イラストサイトを運営していましたのでお気持ちはよく分かります。
早く解決するといいですね。

参考URL：

http://kakaku.com/

お礼

クチコミ掲示板教えていただいてありがとうございます。パソコン初心者なので時々こちらを見てみたいと思います。
また親切にアドバイスくださってありがとうございました。

補足

再度の書き込みをありがとうございます。

自分ではもうさっぱりなので、
教えていただいた所で後日質問してみることに
してみます。

いえいえ、親切に教えて頂いて嬉しく思ってます。
どうもありがとうございました。

回答No.4

CHI-512

こんにちは。
ご自身のホームページも、他の方のホームページも間延びして見える・・ということは、モニタの設定もしくはパソコンの画面設定に問題があるのだと思います。
ただ、文章を拝見する限りでは、今回質問に登場した自宅以外のパソコンが悪いとは言い切れません。そのため、検証として、あと一台以上のパソコンからあなたのホームページや他の方のホームページを見てみる必要があると思います。

お近くのネットカフェや友人宅などを頼り、検証してみてください。その結果を聞いてから、お力になりたいと思います。その際、検証に使ったパソコンのモニタが液晶かCRT（箱型）かなども書き添えていただけると参考になります。

補足

書き込みをありがとうございます。

最初に書いた「自宅以外のパソコン」というのは近所のネットカフェのパソコンでした。その後もう一軒のネットカフェに行き見てみたのですがそちらでも完全に間延びして見えました。他の方のHPも見たのですが
そちらは判りにくいのですがやはり間延びして見える気がしました。
それでとても不安になったのですがもう近所でその二箇所以外でネットが出来る所を知らなかったので夜に友人の所へ電話をして聞いてみた所「ちゃんと表示されているよ」との返事でした。（友人は私の絵をよく知ってますので間違いはないと思います。）

パソコンは自宅のもネットカフェのも友人のものも全て液晶です。
自宅のモニターは1024×768です。
ネットカフェのものは両方ともそれより大きな（正方形に近い）ものでした。友人のは私と同じサイズだと思います。

回答No.3

golive001

モニターに関しては、あまり関係ないかと・・・。
とりあえずソースを見せてください。
ソースの表示方法は
(1)ブラウザを起動して問題のHPを表示させる。
(2)画面上で『右クリック』
(3)出てきたメニュー欄から『ソースの表示』を選択
(4)新たに表示された意味不明な文字（←これがソース）を
　コピーして教えてGOOに貼り付ける。

以上

補足

再度の書き込みをありがとうございます。

ソースを、という事なのですがすみません。
ソースをそのまま貼り付けるとHPが特定されそうな気がして抵抗があるのですが…。（この考えも間違ってるのでしょうか。ごめんなさい。）

自宅のパソコンで自分で見てみたところ画像のwidthとheightの値は画像のプロパティの値と同じでした。

回答No.2

golive001

おそらく元々の画像ファイルの縦横比と違う数値を
HTML内のプロパティに指定したのでしょう。

HPがらみで質問なさる方、全員に言えることかと思いますが、
基本的にソースコードを見せていただかないと何ともアドバイスができません。
HPビルダーやDreamweaverはただのオーサリングツールで、最終的な成果としてHTMLのテキストを吐き出すだけ。

補足

書き込みをありがとうございます。

>おそらく元々の画像ファイルの縦横比と違う数値を
HTML内のプロパティに指定したのでしょう。

ごめんなさい、パソコン初心者でこの内容が解らないのですが
それは何処に原因があったのでしょうか？
自宅での制作に問題があったとすれば、「自宅以外のパソコンで見た
時、他HPさんのイラストも横伸びして見えた」というのは私の見間違いという事になるのでしょうか？

回答No.1

kabuni

＞微妙な感じですが
もしやどちらかの方がモニタの調整で横幅か縦幅を変更してませんか？
モニタの下のほうに多分ボタンがついてますよね。そこから調整できませんか？

補足

書き込みをありがとうございます。

モニタですが少なくとも自宅のものは
まったくいじっていません。
調節ボタンがあるのかもしれませんが、判らないので
怖くて一度も触っていないのです。

その自宅以外のパソコンは今確認できないのですが
今度見てみます。