ホームページ作成中です。画像のファイルサイズについて教えてください。

ホームページビルダー14を使ってホームページを作成中です。一通り作成が終わり無料のレンタルサーバーでHPをアップしたのですが、どうも容量が足りないようです。画像が表示されないエラーが起き、そのエラーメッセージを調べてみると容量不足という事でした。
作成したHPは、トップページにGIF画像(動画)やそれぞれのリンク先にも写真や動くイラスト等を入れており、無料のレンタルサーバーでは容量が足りなくなるのはごもっともと感じております…。ただ時間をかけて作成したHPであり、何か画像を消す、ということはできればしたくありません。
また有料のサーバーでアップすることも考えたのですが、頼まれて作成したものでそれもできません。
一度作成してしまったHPを、画像のファイルサイズを縮小することは可能でしょうか?
インターネットで調べてみて「画像を編集」→「webアートデザイナー」を起動し、「web用保存ウィザード」でgif画像に変更してみたり、「ページ内画像の編集」→「表示サイズで保存」という機能も試してみました。
しかし「編集ページ情報」で「ページの容量」を確認してみると、上記の操作をする前の方がむしろページの容量は少ないのです。
やり方が悪いのか、他にもなにかファイル容量を少なくするための機能があるのか、という点を伺いたく投稿いたしました。
ちなみに使用しているほとんどの写真は、一度フォトショップで加工をしているものが多いです。ホームページビルダー上でファイルサイズを縮小するのが難しいのであれば、もう一度フォトショップで画像サイズを小さく加工し直して画像を変更しようかとも考えています。
何かいい方法がありましたら、ぜひアドバイスをよろしくお願いいたします。

No.3 ベストアンサー 回答者： ORUKA1951 回答日時： 2015/02/28 11:11

画像のファイルサイズが大きいのでしょう。

無料サーバーとは言っても、それがパンクするほどのサイズにするのは、単に容量制限と言うだけでなくページの転送速度や描画時間が長くなり不利です。

＞GIF画像(動画)やそれぞれのリンク先にも写真や動くイラスト等を入れており
　フォトショップもビルダーもそのような作業にはまったく不向きです。
　アニメーションGIFは、共通パレットにして動作を見て一こまずつ時間を調整し、必要な部分だけ下の画像に上書きさせるなど専用のソフトを使って縮小します。
・すべての画像を一枚に広げて、共通パレットを作る。
　可能な限り色数は少なくする。
・動作が緩慢なコマはコマ数を減らして表示時間を長くする。
・書き直しが必要な部分だけ描く
　これらをGIAM( http://www.forest.impress.co.jp/library/software … )などの専用ソフトで小さくしていきます。

jpegに関しては、
無料画像加工サイト インデックスカラー減色と言えば | OPTPiX WebFree | ウェブテクノロジ( http://www.webtech.co.jp/webfree/ )
のような無料サービスで、画像サイズを縮小するのが良いでしょう。

表示サイズの問題
　サーバーでの要領は表示サイズではありませんし、画像のピクセル数のサイズでもありません。
　あくまでファイルサイズです。
　￣￣￣￣￣￣￣￣￣￣￣￣￣￣
　JPEGは、圧縮率を変えることができる非可逆圧縮ですから、のっぺらとしたところは圧縮率を上げるなどをしてくれる専用のソフトで画像のファイルサイズを変更はできません。
　画像によって、どのフォーマットがよいかは異なります。一般的には色数の少ないイラストのようなデータはGIFが良いです。色数が多いとPNG。写真は一般的にはJPEGが良いです。
　なお、イラストの場合は、利用ユーザーの対象によるとSVG( https://ja.wikipedia.org/wiki/Scalable_Vector_Gr … )という選択肢もありますね。INKSCAPE( https://ja.wikipedia.org/wiki/Inkscape )はSNGで保存します。

・それぞれの画像に合わせてフォーマットを選択すること
・それぞれの専用ソフトを使って必要最小限のサイズにファイルサイズを縮小すること
です。

　ビルダーなんか使うと、HTML自体もとんでもなく肥大化しますので、できればテキストエディタ--HTMLエディタ( https://ja.wikipedia.org/wiki/Web%E3%82%AA%E3%83 … )できちんと作成すること。

この回答へのお礼

ご回答ありがとうございます。
たくさんのアドバイス、大変参考になりました。特にGIAMは試してみたらすごく効果があり、表示されなかった画像が表示できるようになりました。画質を少し落として保存したのですが、画質の劣化などは全く気になりませんでした。おかげさまで無料のレンタルサーバーでGIF画像も表示でき大変満足しています。ありがとうございました。

お礼日時：2015/03/03 16:16

No.2 回答者： raisukaree 回答日時： 2015/02/28 09:34

一度、サーバーに入った画像は、一度削除しなければ小さくなりませんよ。

ビルダーで、画像は小さくすることはできるのですが、大きな画像を小さく表示するだけで、サーバー内の画像の大きさは変わりません。

jpeg＜gif＜png　と保存する拡張子によっても変わります。大きい方がきれいです。
写真は、jpegで保存してる人が多いと思いますよ。

結局の話
これからも、そのホームページで追加していくのならどっちみちどんだけ頑張っても容量はいっぱいになると思います。
今現在、動画がサクサク動く時代です。
作ったホームページがどれだけの大きさかわかりませんが、すぐにいっぱいになるのなら、他のサーバーを考えた方がいいですよ。

http://web.fc2.com/
無料のサーバーもあります。ちょっとだけ広告が入りますけどね。
広告が嫌なら
有料ですが安いです。
http://www.sakura.ne.jp/lite.html

NO1さんの回答のように画像だけ保存するところも無料でいろいろあります。
http://f.hatena.ne.jp/

この回答へのお礼

解りやすくアドバイスいただきありがとうございました。
初めはfc2の広告有でアップしていたのですが、画像がうまく表示されず困っていました。安いサイトを教えていただき大変参考になりました。今のところ頼まれている知人の了承がないので有料サイトはまだ保留ですが、今後のために覚えておきたいと思います。ありがとうございました。

お礼日時：2015/03/03 16:12

No.1 回答者： nana_coco 回答日時： 2015/02/26 14:43

こんにちは。

フォトショップで保存する際「web及びデバイス用で保存」を選び画質を落として保存をすれば多少軽くなるかもしれません。

それでも解決できない場合は、あまりお勧めできませんが
もう1つ同じ無料レンタルサーバーを別アドレスなどで借りて、そちらに画像ファイルを入れ込み
画像をメインのサイトにリンク表示させると言う方法もあるかと思います。

この回答へのお礼

早速のご回答ありがとうございます。
なるほど、リンク表示という方法は全く思いつきませんでした。
ひとまずフォトショップの「webおよびデバイス用で保存」を試してみたいと思います。ありがとうございました。

お礼日時：2015/02/26 16:40