人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

HP上で例えば●と○と★と☆の画像を<IMG SRC=""> で
一つづつ表示させているんですが
これを●○★☆の一つの画像として
<IMG SRC=""> で表示させたいのですが可能でしょうか?
HP上の表示ではなんら変わりはないが、
各一こずつのアドレスを<IMG SRC=""> で表示するのでなく
四つの画像が一個になって
アドレスが一つにして<IMG SRC=""> で表示させたいのです。

簡単に出来る方法どなたかご存知ないでしょうか?
よろしくお願いします

●質問者: ookawa-man
●カテゴリ:インターネット ウェブ制作
✍キーワード:アドレス 画像 HP
○ 状態 :終了
└ 回答数 : 4/4件

▽最新の回答へ

1 ● tpichu
●10ポイント

単純にその4つの画像を、1つの画像ファイルに結合させるのではだめですか?

つまり、4つそれぞれのファイルの画像をコピーして、結合するファイル上でペーストする ということです。

それがいやなら、Perlなどのプログラミングを応用する手もあります。

http://www.tohoho-web.com/wwwsoft.htm

のGifCat.plなどを使い結合した画像を作成すればよいです。

◎質問者からの返答

それです!!その方法(連結させる方法)

を知りたいんですけど!!

どうやったら●と○と★と☆を●○★☆と

一つの画像として編集といいますか

連結できますかね。

画像はjefとかpngとか(全部同じですが)

そういうやつです。

HP上で画像をコピーすればいいのでしょうか?

それともフォトショなどを使うのでしょうか。

(フォトショとpixiaは持っています)

四つの画像を一個に連結させ、一つの画像にする方法詳しく教えて下さいお願いします


2 ● kubira711
●0ポイント

http://q.hatena.ne.jp/answer

(上記はダミーURL)

もともと別々のオブジェクトなので、個々のイメージファイル

を全くどこにも記述しないというわけにはいかないでしょう、

例えば DIV タグ(NAME="foo")の中の INNERHTML として4つの IMG タグを記述しておいて 4つの画像を まとめて

foo という名前で扱うことは可能ですが。

◎質問者からの返答

・・・


3 ● WANT
●60ポイント

とりあえず画像処理の方法でよろしければ...

1.まず、フォトショップで十分な大きさの新規ファイルを作成

(新規作成の際に、画像の大きさと”初期表示内容”というのが出ますが、

初期表示内容は 透明 にしておくとあとでやりやすいです)

2.結合したい、4つのファイル(画像A?Dとします)を開く

3.画像Aを、選択範囲→全て選択で選択します

4.編集→コピーでコピーします

5. 1で作ったファイルに、4でコピーしたファイルをペーストします

6.画像B?Dに関して、3?5を繰り返します

これで、新規ファイル上に画像A?Dが4つのレイヤーに分けて

コピーされたと思います。その後、

7.動かしたいレイヤーを選択し、移動ツール(黒い三角に十字マークのアイコン)

を使用して、希望する位置に画像を移動します

8.画像A?Dを全て希望の位置にそろえたら、

画像の統合で画像を1つのレイヤーにまとめます

9.周囲に余分な余白ができると思うので、

切り抜きツールで画像をカットします

(もしくは、画像サイズで任意の大きさに変更します)

10.保存するときに、複製を保存を選択し、任意のファイル名と任意の拡張子を選択

これで、OKだと思います。

見当違いな回答でしたら申し訳ありません



http://q.hatena.ne.jp/answer


4 ● kubira711
●20ポイント

http://q.hatena.ne.jp/answer

(上記はダミーURL)

単純に複数の画像を一つの画像にするだけだったら

MSペイントブラシで可能です

ペイントブラシのウインドウを2個開いておいて

コピー&ペースト なんかがお勧めですが。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ