ＨＰに写真を載せる

質問

ＨＰに写真を載せる時、写真をクリックしたら大きい画像や原寸大の画像が見れるようにするにはどうすればいいんですか？？
ちなみに、簡単ＨＰではなく、レンタルしたＨＰスペースに写真を載せる時です。
タグか何か貼るんでしょうか…？？

回答No.6

haru-bon

No.4のharu-bonです。言葉が足りなかったようなので
補足します。

Naodon1020さん他、みなさんがおっしゃる方法が当然よいし
考え方もその通りと思います。事実、自分のサイトでは
レタッチソフトを使って小さいサイズの画像を使っています。
先の回答で書こうとしたのは、大幅にサイズを変えるなら
小さい画像を使った方がいいですが、レンタルスペースの
場合使えるスペースは限られていますから、縮小の程度に
よってはそういう方法で済ます手もありますよという意味と
そうした方がいいのはわかっていても、すぐにはソフトを
入手出来ない場合もあるだろうと思い紹介してみました。
ソフトが入手できる、或いは既にソフトがあるのであれば
小さい画像をご用意下さい。

それでは。

回答No.5

Naodon1020

再び#2です。

#4の方の教えてくださったやり方を敢えて紹介しなかったのは、
その方法ですと、小さな画像を表示させるのに、丸々大きい画像１枚分を
ダウンロードしなくてはいけないためです。
縮小画像（サムネイル）で表示させる目的は、見易さもありますが
ダウンロード時間を小さくして軽いページにするためでもあります。
で、多少時間がかかってもかまわないと見る側が思う必要な画像だけを
ダウンロードさせるという大きな目的があります。
最近はADSLなどのブロードバンドが普及していますが、まだまだ
アナログ回線やISDNでのダイヤルアップを使用している人が多いですし、
ブロードバンドといっても大きな画像を何枚も同時にダウンロードさせられるのは
はっきり言って迷惑・・・・。
それにHTMLで無理やり縮小表示した画像は、線がギザギザになってしまったりで
あまりきれいに表示できません。
先ほどご紹介したソフトを使えば、縮小してもギザギザにならない（アンチ
アエリアス）機能があり、仕上がりも美しいものになります。
ホームページを作成するには、フォトレタッチソフトは絶対に欠かせないものです
から、ぜひ購入されることをお勧めします。

回答No.4

haru-bon

こんにちは。

画像の大きさを変えて表示するだけであれば
<IMG SRC="画像ファイル名" WIDTH="横のピクセル数（例えば１００）"
height="縦のピクセル数（例えば１００）">
のようにしても、大きさを指定できます。

大幅に大きさを変えるのであれば小さいサイズの画像を
用意してそれぞれ使ってもいいと思いますが、上記の
方法だと一枚の画像で済ませられます。

それでは。

回答No.3

tote81jp

同じ写真から大きい画像のページと縮小加工した画像の２種類作っておいて、小さい画像から大きい画像へリンクを貼っておけばＯＫ。
画像加工ソフトを使うと簡単に出来ますよ。
ＨＰ自体は既に有ることが前提ですけど？
これから作成するとなるとそれなりの時間と勉強が必要です。

回答No.2

Naodon1020

まずはフォトレタッチソフト（PhotoShop Elementsやpaint Shop Proがお勧め）で、載せたい画像の縮小したものを作成します。
PhotoShopの場合、イメージ→画像解像度で、タテヨコの数字を小さくしてOKを押すだけです。
元の画像がaaa.jpgだとしたら、縮小画像の名前を例えばaaa_s.jpgとしましょう。

で、タグの書き方ですが、
<A HREF="./aaa.jpg"><IMG SRC="./aaa_s.jpg"></A>
とします。つまり縮小画像をクリックすると大きな画像が同じウインドウに現れる仕組みです。

別のウインドウに拡大画像を表示したい場合には
<A HREF="./aaa.jpg" target="_new"><IMG SRC="./aaa_s.jpg"></A>
※別ウインドウのサイズを指定したりする場合にはJavaScriptでの指示が必要です。

縮小画像につくリンクの枠を消したい場合には
<A HREF="./aaa.jpg"><IMG SRC="./aaa_s.jpg"border=0></A>

回答No.1

noname#29456

まず、元のサイズの画像データを元に、
それを小さく縮小した画像（これを一般的に「サムネイル」といいます）を作ります。

あとは、一般的にページを作るのと同じやり方で、
サムネイルをページ内に載せて、そこに元の画像へのリンクを貼ります。

いずれにせよ、「簡単ＨＰではなく、レンタルしたＨＰスペース」であれば、
HTMLの編集ができないといけません。

ただし「ホームページビルダー」など、
サムネイル作成→元の画像へのリンク貼りという一連の作業を
簡単にできる機能を持ったHTML編集ソフトもあります。

まずはとにかく、「簡単ＨＰ」みたいなのに頼らないで
自分のサイトを作れるようになりましょう。
ホームページビルダーみたいなソフトを使ってもいいから。