ホームページ への写真掲載方法の質問です。

質問

ホームページへ大きな画素数の写真を掲載する方法についての質問です。
画素数が 3486 ｘ 2056 の写真をドラッグ & ドロップで張り付けると大きな画面になってしまいます。
品質を落とさないで張り付け、見る場合に自由にサイズを変えられるようにするには、どうしたらよいのでしょうか？
ホームページ ビルダー １４ を使用しています。表のセルに張り付けた後、セルのサイズを 1200 x 676 に設定していますが、これでは見る人が写真の大きさを変えられません。写真は多分元の画素数ではないのかもしれません。

よろしくお願いします。

回答No.1

Calm Trip（@CalmTrip） · ベストアンサー

Pcディスプレーの画素
　一般的には、1024 X 768、WUXGA＜Wide-UXGA＞で、1920 X 1200 で、3486 ｘ 2056 の写真を貼付けても、あまり意味無い様に思いますが、
　また、3486 ｘ 2056 が そのままのサイズで、Hpに貼付けられているSitesは重いため、閲覧者に敬遠されます。
　本来の写真と、それを小さくリサイズした画像＜例　img_001.jpg　と　img_001_s.jpg --100kb以下--＞を作り、
Hpでは、小さく画像で表示し、その画像をクリックすると、本来のサイズ図表示される方法が良いと思います。

ご質問に＜方法_1>
　画像の上で、右クリック---属性の変更(A)---属性の変更(A)--サイズ 幅(W)を 1200に、高さ(H)は入れない。
※ 高さ(H)を入れないと、本来の写真の縦横比で、表示される。
※ 閲覧者が保存すると、本来のサイズで保存される。
　生成される命令。
<IMG src="img_001.jpg" width="1200" border="0">

ご質問に＜方法_2＞
　＜方法_1>のあと、その画像に、写真へのリンクを付ける。
※ 写真をクリックすると、写真が、別Windowで表示されます。
　生成される命令。
<A href="img_001.jpg"><IMG src="img_001.jpg" width="1200" border="0"></A>

おすすめする方法＜方法_3＞
<A href="img_001.jpg"><IMG src="img_001_s.jpg" border="0"></A>

お礼

CalmTrip さん、回答有難うございました。方法_1 と 方法_2　を試し、何れも説明いただいたとおりの動作を確認できました。
ご指摘の通り、インターネットで大きな写真を表示する必要はないので、方法_1で充分目的を達成できます。

ご親切に感謝します。

回答No.2

vaidurya

3486x2056の画像を、そのまま掲示するのは
ほとんど迷惑行為です。

同等の画像を、あるサイトで表示させてみましたが
私の環境で、およそ10秒かかります。
この時間は、自宅とISPの間の通信速度
あるいはサイトのサーバー性能の問題から生じます。

そのほか、実際にこれだけの大きな画像データを受信すれば
ウェブブラウザーは、そのために数十Mbytesのメモリーを消費します。

メモリーが256Mbytesや512MBytesの古いPCを使う人にとっては
非常に重いサイトとして、見向きもされなくなるでしょう。

また、実際にこれを自由なサイズで見られるようにするとしたら
専用のプログラムをウェブに組み込む必要があります。
このソフトの動作のためのメモリー消費や処理負荷も問題になるかもしれません。

そういった問題があるため、小さい画素数のサンプルと
大きな画素数の画像を使い分けるのがウェブデザインの常識です。