写真のサイズはどう指定するのが正しい

質問

写真のページを作っています。 小さい写真を並べて（サムネイル）、クリックすると大きい写真が開きます。

「小さい写真を作るのに、widthでサイズを指定するなんて、バカなことするな」とウェブデザインの学校で言われた記憶があります。
つまり、サムネイル用の小さい写真と、大きい写真（実物サイズ）を用意しないとダメなんでしょうか？
（いちいちフォトショップとかでサイズ変えるということ？）

ネット検索したら、絶対に、そうしろとは書いてないんですが。。。

それから、リンクすると、ポップアップみたいに開いてほしいのに、ブラウザの別のタグが開きます（IEもChromeも、だからブラウザのせいではない？）
写真に合わせた適度に小さいサイズの別ウィンドウを開かせるにはどうすればいいでしょうか？できれば、Dreamweaverでの指定の仕方が良いです。

回答No.1

mrkato · ベストアンサー

画像の扱いだけ。
絶対そうしろ、でなくサイト自体と閲覧先を考える事になります。
今でも携帯やスマートフォンに対しては、通信速度が細いです。
通常ブラウザで常時接続と同じまま、編集してるにしてもフルサイズの画像を
落とさせる場合、見るほうは完全に通信待ちになり、げんなりします。
売り場の住所など、画像無しで見たいほど急ぎな情報が併記されてたら困ります。

確かにタブレット端末の通信速度が携帯波かＷｉＦｉかはわかりづらいですが、
携帯変換サーバとか携帯振り替えサイトが働いてるにしても、
杓子定規に、最終イメージだけしか送らないのは送る側の勝手すぎです。
サムネイルも、ざっくり色情報を軽くしたり、どアップにするとか、
引いてみたくなる作り方はあり、自動アイコン化ツールも有るかもわかりません。

お礼

ありがとうございます。
やはり読み込みに時間がかかるかどうかという理由でしたか。
（学校で理由を聞かなかったので）

それなら画像は軽い方がありがたいのですね。というか、ない方がいいんでしょうね。

回答No.2

ORUKA1951

HTMLが、
HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば・・・【中略】・・・帯域が広いコンピュータや狭いコンピュータ、等の環境である。「2.2.1 HTMLの略歴 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )より」

　なら、ファイルサイズの小さな画像をおいておく、しかも画像を読み込めない(読まない設定にしている)ユーザーエージェントために、画像に変わる情報を伝えられる適切な代替テキストを置くことが推奨されています。
　13.8 代替テキストの指定方法 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/objects.html#h-13.8 )

＞リンクすると、ポップアップみたいに開いてほしいのに、
　これは一般的にはjavascript、もしくはtarget指定で行いますが、最近のブラウザはそれでは「ウザイ」ので、デフォルト、または設定してタグで開くようにすることも多いです。
　ユーザーが、リンクを右クリックしてコンテキストメニューで「新しいウィンドで」「新しいタブで」「このタブで」などを指定することが多いので、作者がきにすることはないと思います。
゜

お礼

ありがとうございます。
でも多くのサイトは、大きな画像をいっぱい使っているように思います。

リンクの開き方は、了解しました。ありがとうございました。