複数の画像を1枚の画像として処理するには

質問

複数の画像を1枚の画像として処理するにはどのような方法がありますでしょうか？またそのうちの一つの画像をクリックすると大きく出来るようにするにはどうすればよろしいでしょうか？

回答No.2

who_miya · ベストアンサー

HP製作でということですので分かる範囲でお答えしますね。
まず最初にHP作成は今はhtmlエディッタが簡単に手に入る時代ですのでタグ打ち込みのみでの方法ではなくHPビルダーなどのエディッタを使うことを前提で書かせていただきますね。

まず、複数の画像を一枚の画像にする件ですが表示を一枚に見せるだけならサイズを合わせて並べて表示すれば一枚には見えます。
これが複数の画像ファイルを一つのファイルにというのであればレタッチソフトやグラフィックソフトを用いてつなぐしかありません。
私はPaintShopPROを使っていますが最近はスキャナやデジカメのに付いているバンドルソフト、なんならWindowsのアクセサリにある「ペイント」でもいけます。
私の場合は二つの画像よりかなり大きめのサイズの新規画像を作りそこに二つの画像を貼り付けた後切り取るという方法を取っています。
（トリミングも一緒に出来て楽だから）
後はその切り取った方を新規ファイルで保存するだけです。その辺はソフトによっていろいろな手段があると思います。
ついでに書いておくと「ペイント」でも基本は同じ初めに表示されている編集領域を隅をドラッグして大きくし、そこに「ファイルから貼り付け」でつなげたい２つの画像を貼り、あとは「切り取り」「貼り付け」、領域サイズ調整して新規保存でいけました。

私が知らないだけでファイルそのものを統合することも可能かもしれませんがHPは見え方やファイル容量も大事ですからソフトでサイズやファイル形式など修正することを強くお勧めします。

２つ目の画像をクリックして大きく見せる方法ですが、これは小さい画像の方にリンク指定をして大きい画像の方へ飛ぶようにするのが一般的です。
大きい画像をそのまま貼って表示領域を小さくする方法もありますがこれは見る人が最初から大容量を読み込まねばならないのでお勧めできません。
よって前者の方法を書くと、まず表示したい画像の見出し用の小さい画像と大きく表示する用の画像２つを用意します。
見出し用の画像に大きい画像ファイルへリンクさせるか、大きい画像を貼り付けた別のページを作ってそのページへリンクさせるかすればOKです。
後者だと注釈など文も添えられるので何か添えたい場合は大きい画像用のページを別に作ってもいいでしょう。

方法としてはこんなところですがどうでしょうか？
どの程度の知識をお持ちか分かりませんのでザッと書きましたがもしビルダーなどエディッタをお持ちなら、まず「こういうページが作りたい」という他人さんのページを保存して、それをエディッタで開いてみるといいかもしれません。
タグが読めなくてもどうやってるか分かりますので。

HP作成は簡単に言えば文字や画像をリンクでつなぐだけのものですが、これを綺麗に、また見る方がどんな条件でもこちらが意図したように表示させるのは結構大変です。
（位置固定には枠表示を消した「表」を使ったり座標指定したりする）

やっているうちに段々と分かってきますので頑張ってみてください。

お礼

詳しくありがとうございました。参考にさせていただきます。

回答No.1

who_miya

フーと申します。
画像加工とHP作成なら多少の知識がありますが、まずご質問の条件ががよくわかりません。

これはＨＰ上でということで良いのでしょうか？
それともご自分使われているパソコン上でそういう風に表示したいということでしょうか？

その辺をもう少し詳しくお願いします。

補足

ありがとうございます。ＨＰを作成するうえでそのようにすることはできませんでしょうか？よろしくお願いします。