livedoor ナレッジ

画像の貼り方について

ブログの記事に、複数の画像を貼る時、
画像と画像の隙間が空いてしまうので、
その隙間を埋める、要するに、画像どうしを、すべて、くっつけて貼りたい時は、どこをどう、いじったらよいのでしょうか。教えてください。

タグの中にある

hspace="5"

を消してみてください。左右のスペース。

貼り付ける画像のHTMLの間隔を狭くしてはいかがですか？

こんにちは。

あらかじめ、複数の画像を引っ付けて、１つの画像にしてみてはどうでしょうか？

画像をクリックすると、『Microsoft Photo Editer』が起動すると思います。

１）【ファイル】→【開く】→加工したい画像

【ウィンドゥ】→【並べて表示】にすると分かりやすいと思います。

加工したい画像を全て開いて下さい。


２）【ファイル】→【新規作成】

新規作成の窓が開きます。

【True Color（24ビット）】
サイズは、適当で結構ですので、とりあえず、縦、横共に1000ピクセルずつにでもしてみて下さい。

白いキャンパスが出来たと思います。


３）加工したい画像の１つをクリックして下さい。

【編集】→【すべて選択】

これで画像の選択が出来ます。

【編集】→【コピー】


４）次に先程作った白いキャンパスをクリック。

【編集】→【貼り付け】

キャンパスに画像が貼り付けましたね。


５）同じ要領で、他の画像も同じように白いキャンパスに貼り付けてください。

２枚目以降は貼り付けた後、ご自分で好きな位置へ画像を移動させて下さい。
クリック＆ドラッグで移動できます。


６）全ての画像を貼り付け終わったら、最後の仕上げ。
余白の部分を切り取ります。

ソフトのアイコン部分に点線の四角マーク（選択ボタン）があります。
こちらをクリックして下さい。

表示したい部分だけを、クリック＆ドラッグで選択して下さい。

出来ましたか？

【イメージ】→【トリミング】→【OK】

これで余白が無くなりました。

７）最後です。

【ファイル】→【名前を付けて保存】

拡張子は「jpg」を選ぶといいかと思います。
お好みでどうぞ。

あとは、いつも通り、作った画像をアップロードしてブログに使用して下さい。

ちょっと難しいかもしれないけど、タグを書き込むよりも初心者さんには分かりやすいかも。

頑張って