ホームページにのせる画像の大きさ

Question

今DREAMWEAVER4でホームページを作っています。
ホームページに貼り付ける写真の画像とかって、どれくらいの大きさ（重さ、解像度）にすればいいのですか？画像はPhotoshop5.5で加工する予定です。
あと、動画とかも普通に貼り付けれるんですか？

ytaga · Accepted Answer

最近ブロードバンドやＣＡＴＶでインターネットしている人が増えているんでしょうけれど、アナログモデムで通信している人だっている筈です（ちなみに私はISDNです）から、訪問者が「この画像が見たい」という行動を起こしていないのに大容量の画像ファイルを見せるというのは、訪問者にとって歓迎されないと考えます。

　私の場合、最初のページには20％に縮小した画像を載せておき、その画像をクリックするとフルサイズの画像が表示されるようにしています（いわゆるサムネイルというやり方です）20％というと小さく感じられますが、この程度で何の画像かは大体分かるものです。縮小した画像はファイルサイズで5KB～10KB程度に収まるように圧縮率を調整します。この程度にしておけば、低速な環境でインターネットをしている訪問者にも見てもらいやすいと思います。フルサイズの画像は、訪問者が「この画像を見たい」という行動の結果表示されるものですから、多少大きくても構わないでしょう（私のとこでは50KB～100KBくらいにしてます）

sydneyh · Answer

まず動画ですが、画像とまったく同じ貼り付け方です。
大きさは、当たり前ですが大きければ大きいほどメモリが重くなりますので、第三者が開いた際その画像が表示されるのが遅くなります。それにデスクトップだけでなく、画面の小さいノートを使用している人の事も考慮しないといけないでしょう。そうすればおのずと大きさは分かってくるはずです。

ちなに風景写真などでなく、普通のキャラクターや説明画像などでドーンと大きい画像があるホームページは、オシャレじゃないという私なりのイメージもあります。

libre3 · Answer

写真の大きさは対象物によって違うと思います。ページバランスの良いおおきさがありますよね。私は解像度７２に設定してよく３００Ｘ４００ピクセル程度の写真を使います。1ページに載せる写真の枚数にもよりますが、これで３枚載せる程度におさえてます。１００Ｘ１００ピクセル程度の写真は解像度が４０から５０でも充分だと思います。一番注意することは見た目が小さいのに元画像がおおきい為ファイル容量に無駄がでることです。写真の大きさを決めてから、解像度を７２に設定して、ピクセルを減らしながら画像が荒れない程度にファイル容量を小さくしていく。これで軽く仕上げて見てはいかがでしょう。がんばって。

none123 · Answer

画像の大きさ（サイズ）は、
ブラウザが８００×６００の環境で表示されている時の最適なサイズ
にしておくのがベターのようです。
（ノートパソコンとかはそれぐらいで見られているので）
というわけで、画像サイズは、そのサイズに見合うようなサイズにすると
よいでしょう。大きくて幅３００くらいかなぁ。

解像度は、モニタに表示することが前提なので７２dpiですね。

データ量については、なるべく軽く、が基本ですが、
意図した通りの画像にならない（汚くなる）ことがあるので
その都度調整するのが良いでしょう。

DREAMWEAVER4とのことですので、
ページデータのダウンロード時間とかを
チェックできると思います。

そのへんで、回線速度とかを調節しながら
自分なりの最適解をみつけてください。

Funya · Answer

私はいまだに、アナログモデムです。（泣）
やはり、表示に長い間待たされると「ええい、もういい！」となり、他のHPに移ってしまいますね。我慢できる時間は個人差があると思いますが。
せめて、少し待たせるので有れば、「読み込み中です…」とか、他になにか見せておくとか配慮がいると思いますね。
私もHPがありますが、ページ100ｋに抑えています。
私の限界？からの逆算です。

DIE · Answer

映画の公式ページなどでは、一枚の画像をスライスして、
画像にリンクを貼ると言う手法も増えてるように思います。
必然的に文字主体のレイアウトより、重いページになってしまいますが、
世界観などを伝えるのに効果的だなと思っています。
自分は前述の手法で、趣味のサイトを運営していますが、
indexページで120k程度です。アナログ接続の場合、約２０秒位かかります。
その為、TOPページに重いindexと、テキスト主体の軽いindexのリンクを貼り、対処しています。

この辺りは、管理者と訪問者、双方の立場で考え、
折り合いを付けなければならないと思います。
画像の加工はPhotoShop5.5でされるとのコトなので、「WEB用に保存」ダイアログで下部に圧縮時の容量と、表示時間が示されますので、だいたい最大で１０秒まで等、ご自身で制約をつくり、イロイロ吟味してご自分が妥協できる圧縮率をそのつど考えられるのが良いと思います。

ホームページにのせる画像の大きさ

まず動画ですが、画像とまったく同じ貼り付け方です。

写真の大きさは対象物によって違うと思います。

画像の大きさ（サイズ）は、

私はいまだに、アナログモデムです。

映画の公式ページなどでは、一枚の画像をスライスして、

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング