![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_08.png?e8efa67)
最近初めて趣味のイラストのホームページを作りました。
イラストはフォトショップで描き、ホームページビルダーでHPを作っています。
ところが先日試しに自宅のパソコン以外から自分のHPを見てみたところ、どうもイラストの表示がおかしいのです。
横に間延びして見えるのです。微妙な感じですが自作のイラストなので気がつきました。画像のプロパティを見てみると縦横のピクセル数は自宅で見た時と変わっていません。でもどう見ても横に伸びています。
一体これはどうしてなのでしょうか??イラストは普通に貼り付けたもので表の中に表示するなどの指定はしていません。自宅のパソコンで見るとフォトショップで見てもホームページビルダーに貼り付けた時も普通にブラウザで見た時も間延びして見えることはありません。
ちなみに以前に拝見させていただいた事のある他のイラストサイトさんのイラストもその自宅パソコンじゃないパソコンから見てみましたがやはり横に伸びている気がします。(はっきりとは確認できないのですが…)自宅パソコンとその自宅以外の所のパソコンの違いといえばモニターが自宅のものより大きいのですが、モニターの違いで縦横比が狂って見えることなどあるのでしょうか?イラストのHPなのでイラストが変形して見えるのはショックです。正しい縦横比で表示させる方法はあるのでしょうか?
No.6ベストアンサー
- 回答日時:
試しに400ピクセル×400ピクセルの正方形の画像をなんでもいいからHPビルダーに取り込みUPしてみて、ネット上で、HPを呼び出して自宅や他のPCで確認してみた方がわかりやすいと思います。
正方形が伸びるならばその方向に完全に伸びているのでしょう。ちなみに私のノートではまったく伸びません。挿入した画像の高さと幅の指定を作成画面の見た目ではなく、値として入力されているとは思いますが、その辺りももう一度確認されるとよいと思います。
ちなみに動画の挿入では、下のバーも含む値までみてやらないと、単純に320×240の動画だからとそのサイズを指定してしまうと当然横に間延びしてしまいます。
他のPC画面では間延びするとのことですが、もしかしたら、横長画面のタイプのモニターだったのでは?
気になったのでホームページビルダー10で仮のページを作って実験してみましたが、わたしのモニター3種では横長のタイプだけ4%ぐらい横に間延びしました。これはモニターの仕様のような気がします。私には、気にならないレベルではありますが、わかる人にはわかる差でしょうね。
それよりも色の違いの方が個人的には気になりますが。
この回答への補足
書き込みをありがとうございます。
提案して頂いた方法を試してみようとしたのですが、
そもそも自宅のパソコンで正四角形を作ってみた所
それ自体が変形している事に気がつきました。
数値(ピクセル)では縦も横も同じなのですが、モニター上で実際縦横を測ってみると微妙に縦に長いのです。
一体これは!と焦って調べた結果、結論は「仕様だから仕方ない」との事でした。
つまりモニターの解像度によって画像は縦に伸びたり横に伸びたりして見える、という事らしいのです。そしてモニターの設定などからそれを正しく表示する方法はないとの事でした。(グラフィック関係のプロの方が使うCRTやそれが出来るビデオカードが入ってるモニターは修正できるそうです。)
数値でデータを作ればそれは正しいので、例えば私の自宅パソコンで作った正四角形は私のモニターでは少し縦長に見えますが、そのデータを友人宅のパソコンに送って見てもらうと友人のモニターでは実際モニター上でも正四角形に見えるとの事です。
ただどのメーカーのモニターでも解像度に寄って縦横比が変わって見えるのか?縦横比の比率がどこまで酷く差がでるものなのか?など詳しい事は判りませんでした。実際友人のパソコンでは数値そのままの画像が正しくモニターでも表示されているとの事なのでとてもショックですが、買い替えなど出来ませんので諦めるしかなさそうです。
ただ友人宅のパソコンは横長タイプらしいのでその辺りも?なのですが。どの解像度、あるいはどのメーカなら正しく表示されるという事があるのでしょうか?
もし上記の疑問について少しでもご存知の方教えてくださると嬉しいです。
提案していただいた方法や3種のモニターで試していただいた結果を教えてくださってとても参考になりました。
どうもありがとうございました。
No.5
- 回答日時:
こんにちは。
No.4です。う~~~~ん。難しいですね。私ではお手上げです。
価格コムというサイトをご存知でしょうか?
ここにクチコミ掲示板というものがあります。
液晶モニタカテゴリーの掲示板に、同様の質問を投稿されてはいかがですか?
パソコンに詳しい方がゾロゾロいますので、解決の糸口が見つかるのでは?
その際、あなたの使用しているパソコンのスペックを忘れずに書くことをおすすめします。
お力になれず、ごめんなさい。
私も以前イラストサイトを運営していましたのでお気持ちはよく分かります。
早く解決するといいですね。
参考URL:http://kakaku.com/
この回答への補足
再度の書き込みをありがとうございます。
自分ではもうさっぱりなので、
教えていただいた所で後日質問してみることに
してみます。
いえいえ、親切に教えて頂いて嬉しく思ってます。
どうもありがとうございました。
クチコミ掲示板教えていただいてありがとうございます。パソコン初心者なので時々こちらを見てみたいと思います。
また親切にアドバイスくださってありがとうございました。
No.4
- 回答日時:
こんにちは。
ご自身のホームページも、他の方のホームページも間延びして見える・・ということは、モニタの設定もしくはパソコンの画面設定に問題があるのだと思います。
ただ、文章を拝見する限りでは、今回質問に登場した自宅以外のパソコンが悪いとは言い切れません。そのため、検証として、あと一台以上のパソコンからあなたのホームページや他の方のホームページを見てみる必要があると思います。
お近くのネットカフェや友人宅などを頼り、検証してみてください。その結果を聞いてから、お力になりたいと思います。その際、検証に使ったパソコンのモニタが液晶かCRT(箱型)かなども書き添えていただけると参考になります。
この回答への補足
書き込みをありがとうございます。
最初に書いた「自宅以外のパソコン」というのは近所のネットカフェのパソコンでした。その後もう一軒のネットカフェに行き見てみたのですがそちらでも完全に間延びして見えました。他の方のHPも見たのですが
そちらは判りにくいのですがやはり間延びして見える気がしました。
それでとても不安になったのですがもう近所でその二箇所以外でネットが出来る所を知らなかったので夜に友人の所へ電話をして聞いてみた所「ちゃんと表示されているよ」との返事でした。(友人は私の絵をよく知ってますので間違いはないと思います。)
パソコンは自宅のもネットカフェのも友人のものも全て液晶です。
自宅のモニターは1024×768です。
ネットカフェのものは両方ともそれより大きな(正方形に近い)ものでした。友人のは私と同じサイズだと思います。
No.3
- 回答日時:
モニターに関しては、あまり関係ないかと・・・。
とりあえずソースを見せてください。
ソースの表示方法は
(1)ブラウザを起動して問題のHPを表示させる。
(2)画面上で『右クリック』
(3)出てきたメニュー欄から『ソースの表示』を選択
(4)新たに表示された意味不明な文字(←これがソース)を
コピーして教えてGOOに貼り付ける。
以上
この回答への補足
再度の書き込みをありがとうございます。
ソースを、という事なのですがすみません。
ソースをそのまま貼り付けるとHPが特定されそうな気がして抵抗があるのですが…。(この考えも間違ってるのでしょうか。ごめんなさい。)
自宅のパソコンで自分で見てみたところ画像のwidthとheightの値は画像のプロパティの値と同じでした。
No.2
- 回答日時:
おそらく元々の画像ファイルの縦横比と違う数値を
HTML内のプロパティに指定したのでしょう。
HPがらみで質問なさる方、全員に言えることかと思いますが、
基本的にソースコードを見せていただかないと何ともアドバイスができません。
HPビルダーやDreamweaverはただのオーサリングツールで、最終的な成果としてHTMLのテキストを吐き出すだけ。
この回答への補足
書き込みをありがとうございます。
>おそらく元々の画像ファイルの縦横比と違う数値を
HTML内のプロパティに指定したのでしょう。
ごめんなさい、パソコン初心者でこの内容が解らないのですが
それは何処に原因があったのでしょうか?
自宅での制作に問題があったとすれば、「自宅以外のパソコンで見た
時、他HPさんのイラストも横伸びして見えた」というのは私の見間違いという事になるのでしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Photoshop(フォトショップ) AIイラストPlusについての質問です 当方iPadでイラストを生成しております 詳細設定にて写真を 1 2023/05/07 17:55
- ホームページ作成・プログラミング グリッドレイアウトHTMLとCSS 1 2023/02/22 02:36
- 一眼レフカメラ CD-Rのバックアップを作ったら読み込みに時間がかかる 3 2022/09/20 22:53
- その他(法律) 食べ物の写真でイラスト作成した場合の著作権 pixivで例えばマクドナルドやスターバックスと検索する 2 2022/05/08 19:25
- Illustrator(イラストレーター) Adobeのイラレでグラデーション機能を使ってイラストを書いたところ、スマホやiPadで同じファイル 1 2023/07/24 18:52
- Illustrator(イラストレーター) 最近、iPadでイラストを描いています。承認欲求が高めなのか、誰かに見てもらいたく色々考え中です。 2 2022/03/27 10:54
- 美術・アート イラストがTwitterでなかなか伸びません… 4 2022/05/20 21:32
- その他(ビジネススキル・経営ノウハウ) 自己PR(パソコン編) 5 2023/08/04 08:15
- 美術・アート ある背景イラスト画集を探しています。 はじめまして。 以前、ヴィレッジヴァンガードで1度 売られてい 1 2022/11/09 02:22
- pixiv pixivのマンガの検索結果はイラストに含まれますか? 1 2023/06/01 07:54
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
エクセルでサイズ指定でPOP...
-
バーコードのサイズは拡大縮小...
-
エクセルでサイズに合ったもの...
-
Excelの列や行の幅を表示...
-
Excel で等間隔で縦線を引きた...
-
Excel セルの幅が合わない
-
PDFへてのテキストボックスにて...
-
Excelで文字の幅を変える方法
-
トートバッグの大きさで W300(2...
-
ワードで、横書きの数字を縦書...
-
敬語
-
小さいオーブンレンジを探して...
-
illustratorの単位について
-
道路幅を調べたいのですが
-
htmltとcssのコードで
-
エクセル 画面表示拡大率によ...
-
markdownでテーブルの罫線は、...
-
ホームページビルダーの表とセ...
-
表の上に画像を隙間なくつけた...
-
javascriptでタイトルバーを非...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
エクセルでサイズに合ったもの...
-
Excel で等間隔で縦線を引きた...
-
エクセルでサイズ指定でPOP...
-
丸メガネが似合うようにするに...
-
PDFへてのテキストボックスにて...
-
ホームページビルダーで表の列...
-
Excel セルの幅が合わない
-
バーコードのサイズは拡大縮小...
-
パソコンでランドルト環の作成...
-
Excelの列や行の幅を表示...
-
Excelで文字の幅を変える方法
-
Excelの列の幅(ピクセル)につい...
-
道路幅を調べたいのですが
-
パソコンサイズが横30cm縦20cm...
-
敬語
-
エクセルの行の幅がずれる
-
A4の紙をきれいに3等分に折...
-
Excel2003のVBAで、セルの幅・...
-
【エクセルVBA】シェイプのサイ...
-
小さいオーブンレンジを探して...
おすすめ情報