素人珈琲

素人珈琲

January 25, 2006
XML
今回は質問が出ましたのでお答えします!


質問内容は…

 1.画像の掲載方法
  デジカメ画像を添付しようと思っても、画像が大きすぎて、フォト登録 できません。小さくするにはどうしたらいいのですか?
 また、登録できたとしても、ブログに貼ると画像が大きすぎてしまいま  す。
  大きさを変える事はできるんですか??

 2.フォトアルバムについて
  メイン画面の頭にフォトアルバムを付けたいと思ったんですが、最初か ら登録されいてる楽天の画像を消すことができません。
 何か方法はありますか?






2の質問につきましては、たぶん無理だと思われます

ブログ提供者の楽天様ですので、多少の広告には目をつぶるしかないと思われます。


ところで、1の質問に対してですが

これはお答えできます!


この楽天ブログでは「 100KB 」を超える画像サイズのものは大きすぎて乗せることができませんよね?


そこで、 無料の画像編集ソフト を使いましょう!

このソフトを使って画像の容量を 100KB以下 に抑えるのです!


私のオススメは「Pixia」というソフトです

Pixia書庫室


ダウンロードが終わったら、ここから順を追って、画像のサイズを小さくする方法を教えていきます↓


1)ダウンロードしますと、デスクトップ上にアイコンが表示されますので
ダブルクリックで起動します

2)「ファイル(F)」の「開く(O)」で画像の容量を小さくしたい画像を選びます

3)「画像(I)」の「大きさを変えて複製(Z)」をクリックします





5)ある程度まで小さくして「OK」を押します

※慣れてくれば、どれくらい小さくすれば100KBを下回るかが分かって来ますが、最初は分かりませんので適当にしてみてください。

6)画面上に大きさを変更前の画像と変更後の画像が出てきますので、変更前の画像を消します(右上の×マークをクリック)

7)「ファイル(F)」の「名前をつけて保存(A)」を選択

8)保存するフォルダを指定し、名前をつけて保存します

9)このとき、ファイルの種類を「JPEG」に選択します

10)「JPEG保存設定」というページが出て、クオリティを設定できますが、とりあえず、そのままの「80」で「OK」をクリックします

11)画像の保存先のフォルダにいき、変更後の画像のプロパティを調べます(「右クリック」>「プロパティ」)

12)容量が100KB以下になっていれば使えます

13)まだ100KB以上の場合は、もう一度さきほど縮小したことを顧慮しつつさらに縮小しましょう


簡単な説明でしたがこれで出来ます!

ちなみに、この方法はあくまでも私個人が慣れているやり方ですので、もっといいやり方があるかもしれませんので、ご注意ください。



そして、もう一つの質問ですね?
>>「大きさを変える事はできるんですか??」

上の方法で100KB以下になるようにやっても、画像のサイズが小さくなりすぎる!
100KB以下の画像でいきなり使えるのに画像が大きすぎる!

というのは良くあることです


そういう時はサイズ指定タグ <width="○○"><height="○○"> を使ってみましょう!

今までの講義の中で説明したような気もするんですが、実はしてないみたいです

例を見てみましょう↓

HTML <img src="カメの画像.gif" border="0">
表示


このカメをもっと小さくしたい!

HTML <img src="カメの画像.gif" width="80" height="50" border="0">
表示


このカメをさらに横にだけ大きくしたい!

HTML <img src="カメの画像.gif" width="200" height="50" border="0">
表示


例を見てお分かりの通り
width :横の大きさ
height :縦の大きさ
を変更します

この大きさのサイズにつきましては、何度も微調整でベストなサイズを探してくださいね!

これで納得していただけたでしょうか?
もし、まだ疑問がございましたら、どんどん↓にコメントお願いします





お気に入りの記事を「いいね!」で応援しよう

Last updated  January 25, 2006 04:57:05 PM
コメント(2) | コメントを書く
[ホームページ作成教室] カテゴリの最新記事


【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! -- / --
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
X

PR

Profile

HANMANI

HANMANI


© Rakuten Group, Inc.
X
Design a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: