画像サイズ

Gif Reference

●同じ画像なのに？

A・

B・

● 画像サイズを考える

私のホームページ１ページの頁サイズ、上の２枚画像を貼り付けた事により、これ以上画像の貼り込みは限界（文章・広告など含み）に近いです。これは人それぞれの考え方次第ですが、私がホームページを作る際、自分で決めてる１ページあたりの頁サイズです。ADSLや光ファイバーなど、どんどん高速化している時代ですが、まだまだダイアルアップ接続の方も多いみたいです。（少しでも多くの方に見ていただきたい）もし、貴方がもっと画像を使いたかったらどうします。上の画像は２枚とも見た目も動作もまったく同じですね、簡単です。下の１枚とってしまえば問題は解決ですね、でも下の画像が全然別ものだったらどうしますか？さあ大変ですね、２枚とも気にいってるのにどちらか１枚落とせますか？出来ないですよね、ちょっとくらい大きくなっても「まっいいか！」で済ましてしまうんじゃないかな？こんな事ばかりやってると、どんどん頁サイズが大きくなりページが重～く訪問者も重～い気分になりますよ。

解決法、上の画像は確かに２枚とも同じですがアニメーションの構造がまったく違います。前のページで減色についてやりましたけどもここの画像は減色最適化してあります。だから色数はまったく同じなんです。
「じゃあどうして」
アニメーションって動画ですよね、そう、簡単に言うとパラパラ漫画みたい何枚もの絵をパラパラやって動いてるように見せてるんですよ、上の画像よ～くみてください。左半分一生懸命動いてるのに対して右半分全然動いてませんよね、右半分は１枚だけ描いて２枚目からは描いてないんです。透明色を上手く利用して描いてあるように見せてるだけなんです。そうする事により39779バイトあった画像が、13695バイトまで落とす事が出来たんです。26084バイトのビッグな節約です。下にある私のバナー、あと14個貼り付けてもおつりが出ますよ、良かったですね、カットなんかも結構使えるんじゃないかな

・各フレームを作成する際に動かす位置とか色などをよ～く考えて元絵を作成する、作り方次第では結構画像サイズを落とす事ができるようです。

最近はアニメーションソフトが自動で最適化してくれますからそんなに気にしなくともいいみたいですけど、全部が全部最適化されてるとは限らないですから一度チェックしてみてはいかが？
参考に、13695バイトに落とした画像をさらにAnimation Shopで最適化したところ11145バイトまで落とすことが出来ました、画像の劣化もほとんど見られませんでした。またウエブアニメータでも殆ど結果は同じでした。最近のアニメーション作成ソフトは凄～いですね

FAQ　このページでの質問は？こちらにお願いします。