ホームページに載せる画像を軽くするには？

ホームページに載せる画像を軽くして早くページが開くように
したいのですが、どのようにすればよいのでしょうか？
アドビ　フォトショップエレメンツとホームページビルダーの１１を
最近購入しました。まだ使いこなせてないのですが
画像は現在マイピクチャーに保存しています。
難しいことは、あまり分かりません。
どうぞよろしく御願いします。

No.2 ベストアンサー 回答者： tessa_to_l 回答日時： 2007/06/20 20:27

画像を軽くするためには、アドビ　フォトショップエレメンツを使用します。

画像を軽くするためには大まかに言って2つの事を行います。
１、画像サイズ（縦×横の単純な見た目のサイズ）を小さくする
２、適切な圧縮をかける

１の画像サイズ、という言葉には実際のサイズと、ファイルとしてのサイズ（ご質問のような画像の重い、軽い）の意味があり、もしかすると単純に実際の元画像のサイズが大きい可能性もありますので、解像度を下げることで適切なサイズに調節します。
以下のサイトが参考になるかと
http://aska-sg.net/psegogo/pse015-20060426.html

2の適切な圧縮をかけるとは、写真のようにいろいろな色が使われている画像とアニメ絵のように色の数が少ない画像とでは適切な圧縮方法が異なるためです。
一般的に写真タイプにはJPEG、アニメ絵タイプにはGIFもしくはTIFを使用します。
フォトショップエレメンツには、web用に保存、という便利な機能がありますので使ってみてください。ここでJPEGかGIFか選べますし、それで保存した時のファイルサイズも保存前に分かります。
この機能を使いこなせるようになれば、ファイルサイズは大分軽くできるようになると思いますよ。やはり以下のページが詳しいです。
http://aska-sg.net/psegogo/pse012-20060315.html

参考URL：http://aska-sg.net/psegogo/index.html

この回答へのお礼

ありがとうございました。とても分かりやすい説明で
助かりました。
教えていただきましたページ早速みてみます。

お礼日時：2007/06/21 07:57

No.6 回答者： MAN_MA_RUI 回答日時： 2007/06/21 06:34

PNG形式

→フルカラーであれば256色への減色を行い無駄なデータを省く（扱える色のデータを減らしてその分だけファイルサイズを減らす）
ただしフルカラー向きに作られた画像を無理に減色すると画像が荒れて質感が損なわれるので注意。
JPEG形式
→大きい写真などは縦横のサイズを減らして縮小する。バイキュービック補完の使えるソフトを使えば画像が潰れることもなく、また視認性を損ねることもない。

この回答へのお礼

ありがとうございます。減色おこなってみます。

お礼日時：2007/06/21 08:10

No.5 回答者： -Kei 回答日時： 2007/06/20 21:22

参考URLが消えてました。

『減色ソフト』の評価と紹介
http://pc11.2ch.net/test/read.cgi/software/11277 …

この回答へのお礼

ありがとうございます。”減色ソフト”という
のがあるんですね。初めて知りました。
皆さんに色々教えて頂きとてもありがたいです。
H.P見させて頂きます。

お礼日時：2007/06/21 08:06

No.4 回答者： -Kei 回答日時： 2007/06/20 21:21

1,(png等の可逆圧縮形式で)圧縮率を最大に設定する

2，減色+(可逆圧縮形式で)+1番
3,(Jpeg等の)非可逆圧縮形式で圧縮率を高くする
4,画像サイズの変更+1～3番のどれか
拡大・縮小、減色はソフトによってかなり質が違うのでご注意を。

IrfanViewが手軽な割に減色から拡大・縮小まで割ときれいにやってくれます。(大量の画像を一気に処理することもできます)
http://www8.plala.or.jp/kusutaku/iview/

縮小した画像を表示しておいて、クリックしたら大きい画像を表示するようにするといいですよ。

これ以上の質を求められる場合は参考URLを参照してください。(2ch ソフトウェア板 減色ソフトの評価と紹介)

この回答へのお礼

ありがとうございます。
縮小した画像を表示してクリックして大きい画像を表示することも可能なんですね。是非、やってみたいです。
丁寧な回答をありがとうございました。

お礼日時：2007/06/21 08:03

No.3 回答者： retoros 回答日時： 2007/06/20 20:30

【フォトショを使う】

>ファイル>開く>マイピクチャーから目的の写真をクリック
>イメージ>画像解像度>プリントサイズ
　　1.幅・高さを適当に小さくする。
　　2.写真の大きさを小さくしたくないなら解像度を落とす
最後に>ファイル>保存(もしくは名前をつけて保存)で上書きして終り。

もう一つ、色数を落として小さくする方法もあります。
>イメージ>モード>インデックスカラー
　　パレット>「使用中の色に割り付ける」
　　色数>初期値256より少ないものを選ぶ
>OKで決定すると、写真の色が若干変わりますから、気に入らなかったら
>編集>モード変換を取り消す　で元にもどし、妥協できる色数で保存しましょう。

なお、ビルダー付属のツール「ウェブアートスタジオ」などは、慣れないと「キャンバス」や「グループ化」の扱い方が判りにくいので、フォトショの方が簡単です。

この回答へのお礼

ありがとうございました。私の場合フォトショップが
よさそうですね。試してみます。

お礼日時：2007/06/21 08:00

No.1 回答者： tatsu01 回答日時： 2007/06/20 20:11

私は、コレ使っています。

ドラッグ＆ドロップだけでファイルサイズを小さく出来ます。
画質がやや荒くなるのが難ですが、ファイルサイズが小さくなる＝データ間引きなので
しかたないですね。

参考URL：http://www.vector.co.jp/soft/win95/art/se153674. …

この回答への補足

ありがとうございます。出来れば画像は鮮明にしたいのですが
無理でしょうか？

補足日時：2007/06/20 20:16

この回答へのお礼

ありがとうございました。皆さんに色々教えて
頂いたので順番にやっていきたいです。

お礼日時：2007/06/21 08:08