ブログの画像を小さくしたい(Gさんの相談)

●末尾にmiyakeoriibu さんのコメントと画像部分の編集原稿の画像を追加しました。(10月13日8時)
●画像の基礎知識を資料室に登録しました。(10月13日12時)

エキサイトブログのGさんからの相談にお答えします。

【相談内容】
本文中に挿入する写真を小さくしたい。良い方法があれば教えてください。

【回答】
皆さんはエキサイトブログの本文に写真を挿入するとき、
①挿入する場所にカーソルを合わせておき、
②画像アップロードの[参照]をクリックし、
③マイピクチャ等に保存している原画ファイルを指定し、
④必要に応じて画像の挿入位置を[中央]・[左]・[右]から選択し、
⑤最後に[アップロード]をクリックしていると思います。
撮影した写真をパソコンに保存し、そのまま加工せずにブログに挿入している方は、いつも同じ大きさの画像が挿入されます。
質問者Gさんのやりたいことは、ブログの画像を小さくし、画像をクリックするとその画像が大きく見えるようにしたいということだと思います。

その答えは、エキサイトブログの注目点2つにあります。
一つは
原画ファイルのデーターサイズが500KBを超えると、設定された横幅に自動的にサイズが縮小され、設定された小さいサイズでアップロードされることです。
皆さんの写真は500KBを超えているものばかりだと思いますので、アップロードされる画像は一律縮小されています。相談室のブログは最初は横幅が500ピクセルに設定されていましたので、横幅500ピクセルの画像がアップロードされていました。
ブログに表示される画像はこのデータサイズがベースになります。

2つ目は
画像の挿入位置を[左]もしくは[右]に指定すると、表示される画像は設定幅より100ピクセル小さくなるということです。設定幅が500ピクセルならば400ピクセルになります。
これは、画像幅を100ピクセル分小さくして横に文章スペースを確保するための設計者の配慮だと思うのですが、どうでしょうか。

【横幅の設定値について】
エキサイトブログでは画像の横幅を設定する機能が提供されています。
その設定の手順を説明します。
①マイブログのトップ画面にある[設定]をクリック
②[スキン変更]をクリック
③スキン変更の画面の「現在使用中のスキン」の中にある[編集]をクリック
④「■各部分別横幅」に現在の設定値が示されています。
⑤画像を小さくしたいときは [変更]をクリックします。
⑥本文横幅、ロゴ横幅、メモ帳横幅を修正する画面がでますので、数値を変えて[修正]をクリックすれば変更できます。最小~最大がありますので注意してください。

【ブロ友パソコン相談室の例】
相談室のブログは本文横幅を400ピクセルにしてあります。
データーサイズが500KBを超えないように画像を加工し、予めマイピクチャーに保存しておき、アップロードしています。

昨日投稿した松茸の写真で説明しましょう。
アップロードした画像の大きさは1490×993ピクセル、データーサイズ446KBです。
下の写真は[中央]を選択した場合です。横幅は設定幅の400ピクセルになっています。
d0181824_172169.jpg

d0181824_17231989.jpg 左の写真は[左]を選択した場合です。横幅が設定幅より100ピクセル少ない300ピクセルになっています。

d0181824_17261677.jpg右の写真は[右]を選択した場合です。やはり横幅は300ピクセルです。


d0181824_17261677.jpg右の写真は、 miyakeoriibu さんの提案で、上の画像の表示サイズのエリアを100×66に変更したものです。横幅は100ピクセルです。

いずれの画像もクリックすると別画面で大きな画像が表示されます。
大きな画像の大きさは1490(横)×993(縦)ピクセルとなっていると思います。確認してください。

【ご参考】
miyakeoriibu さんのコメントと画像部分の編集原稿です。(クリックで拡大します)
d0181824_7581740.jpgd0181824_7591649.jpg

by pc-otasukeman | 2010-10-12 17:33 | Comments(7)

Commented by banban0501 at 2010-10-12 17:42
右と左に寄せてみると こんな風にできること
私は いままで知らずにやっていましたよ

左右の寄せた場合 文章は 投稿画面の写真の
アドレス表示?下の書くのですか?
Commented by パソコンお助けマン at 2010-10-12 19:20 x
★ banban0501 さん
左寄せ、右寄せの場合も写真アドレス表示の後ろに文章を挿入します。
最後に<br clear=all>を挿入すれば、新しい行に移ります。
下記は投稿原稿のコピーです。
 左の写真は[左]を選択した場合です。横幅が設定幅より100ピクセル少ない300ピクセルになっています。<br clear=all> 
右の写真は[右]を選択した場合です。やはり横幅は300ピクセルです。
<br clear=all>
Commented by banban0501 at 2010-10-12 20:26
なるほど・・・具体的に教えていただいて
わかりました!!

写真表示の後ろから文をいれて<br clear=all>ですね!!

ありがとう 試してみます!!
Commented by miyakeoriibu at 2010-10-12 20:34
色々と教えていただいてありがとうございます。
表に出た写真のサイズを小さくするのに
 
写真アドレスの1490を320 993を240と変更して送信すると
横320 縦240の画像が出ます。
それをクリックすると元の横1490 縦993の画像が出るのですが・・・。
このやり方で小さくしてみました。
お時間がありましたら見てください。
Commented by パソコンお助けマン at 2010-10-12 22:14 x
★ miyakeoriibu さん
いろいろな発見がありますね。変更したところは表示のドット数を指定するエリアのようですね。設定値より大きなものは一律設定値の大きさなり、設定値より小さな値を入れるとそのまま表示ドットサイズに変換されて表示するようです。これで変更すれば更に小さな画像にできますね。
ありがとうございました。
Commented at 2010-10-13 11:01
ブログの持ち主だけに見える非公開コメントです。
Commented by パソコンお助けマン at 2010-10-13 12:08 x
★非公開コメントさん
ブログ拝見いたしました。このブログを実践していただき嬉しいです。
「画像の基礎知識」6回分を資料室にも登録しておきましたので、参考にしてください。
名前
URL
削除用パスワード

<< 画像処理の実践訓練です。    データーの圧縮技術について >>