ファイルサイズを小さくしませう

1.前書き
2.ファイルサイズ減の基礎知識
3.JPEG編〜BTJ32で最適画質を見つける
4.JPEG編おまけ
5.PNG編〜『GlassCode FLAX』による減色
6.PNG編〜『PNGGauntlet』によるPNG最適化
7.後書き

1.前書き

 ブロードバンドが一般化したためか、非常に大きな画像ファイルを見かけるようになりました。

 しかし まだナローバンドの方もいます。私も最近までISDNだったのでわかりますが、ナローバンドだと100KB・200KBあたりの画像から見るにはちょっとつらくなってきます。他にもHPスペース容量や転送量の問題もありますし、ファイルサイズを小さくすることは重要です。

 そんなわけで、私の知る限りのフリーソフトを用いて画像ファイルサイズを減らす方法を書いてみました。…とはいえ、この方法をあなたが公開する全ての画像に対し使う必要はありません。非常に小さな画像にまで一々使うのは面倒ですし(私はやってますけど)、僅かな劣化すら許せないような素晴らしい芸術作品の画像には逆に使うべきではありません。
 しかし、普通の画像が100KBを超えたらこの方法を試して下さい。200KBを超えるようならば必ず試して200KBを切るよう努力して下さい。僅かな劣化や手間が嫌だからやりたくないという方は…きつい言い方になりますが、そんな自分勝手な性格の人はロクなもの生み出せないでしょうよ。

2.ファイルサイズ減への基礎知識

 私が基本的に使う画像形式はJPEGとPNGです。その他ネットで使われる画像形式にはGIFがありますが、GIFよりPNGの方が大抵圧縮率が良いのでGIFはアニメーションGIFを作るときなどを除けば使う必要はないでしょう。

 ここではJPEGについては主に「劣化が気にならないギリギリの画質を見つける」事で、PNGについては「減色する」事でファイルサイズ減を目指します。(他にも方法書いてますが、メインはこの二つです。)

 ただ、ファイルサイズ減にはJPEG画質だの色数だのも重要ですが それ以上に重要なのが「画像サイズ」です。画像サイズを小さくすれば簡単にファイルサイズも小さくなります。あなたの画像、不必要に大きくないですか?「これ以上小さくすると文字が読みづらい」などという切実な理由なら仕方ないですが、「大きいほうが迫力が出る」などという理由ならば、ブロードバンド用の大サイズとナローバンド用の小サイズを用意するといった方法もありますので言い訳になりません。

 

3.JPEG編〜BTJ32で最適画質を見つける

 JPEGは「画質」を設定できます。画質を下げればサイズは小さくなりますが画像は劣化し、劣化が嫌だからと画質を上げればサイズが大きくなります。そこで劣化が気にならないギリギリ最低の画質で保存したいところですが、多くの画像ソフトでは画質を設定することはできても 劣化具合やファイルサイズは画像を一度保存しなければ確認できず、非常に不便です。

 しかし、画質の増減による劣化具合やファイルサイズの変化をいちいち保存することなく見ることができるソフトがあります。それがBTJ32です。

画像を開いたら(1)を押してJPEG保存モードに入ってください。

(2)「自動更新」にチェックを入れ、左の「品質」バーを動かすと右画面の画像品質が変わるので、見栄えの悪くならない最低品質を見つけてください。ちなみにこのとき下の「保存サイズ」のところに保存した際のファイルサイズが表示されてます。

それから(3)「サイズ指定」にチェックを入れると、「〜Bytes以下になる最高品質」を見つけてくれます。「画像は100KB以下!」などというこだわりのある方は使いましょう。

後は「名前を付けて保存」すればおしまいです。簡単ですね。

4.JPEG編おまけ

 「To Light Picture」というツールがあります。(WEB上で動作するのでWindows以外の方も使えます)独自の方法でJPEG画像をリメイクして軽量化させるそうです。

 試しにFree Photos(私用・商用を問わず著作権フリーというありがたいサイト様です。)の『名古屋駅のイルミネーション』を軽量化してみたところ…259KBが156KBになりました。一気に100kb減!

クリックで画像表示

クリックで画像表示
265,261 bytes159,854 bytes
まったく劣化しないわけではないですが、試してみる価値は充分あるでしょう。

 

5.PNG編〜『GlassCode FLAX』による減色

 PNGはGIFと異なりフルカラー画像を保存することができます。しかし逆にそのせいで、ファイルサイズの大きなフルカラーPNG画像をよく見かけます。256色以下に減色すれば基本的にフルカラー画像よりファイルサイズが小さくなるので、減色する事をお勧めします。

 「減色すると劣化する」という理由で減色したがらない方も多いでしょうが、減色してもそれほど見た目は変わらないものです。「実際に減色してみた事があるが見れた物じゃなかった!」と仰しゃる方がいるかもしれませんが、それは使った減色ソフトが悪いのです。良い減色ソフトなら、写真のような色の多い画像でも殆ど見た目変わらず256色以下にできます。

 その「良い減色ソフト」が『GlassCode FLAX』です。

 減色だけでなく、画像の拡大縮小・回転なども非常にきれいにできる強力ソフトです。

 「編集」→「減色」を選ぶと「減色オプション」が表示されます。色々設定がありますが重要なのは左上の「パレット」と右上の「ディザ」です。

 「パレット」で使用色数を設定できます。色は少ないほうがファイルが小さくなるので、カラー絵なら64,128,256、モノクロ絵なら4,8,16,32くらいで色々試して良いものを選びましょう。(色数は2の累乗が良いらしいのです。特に2,4,16,256色。)

 「ディザ」で減色方法を設定できます。色の境がはっきりした所謂アニメ絵の類は『(なし)』を、グラデーションを多用していたら他の方法を選びましょう。私は普段『(なし)』か『誤差拡散』を使ってます。

 JPEGの時にサンプルに使った『名古屋駅のイルミネーション』で今度は減色実験をしてみました。

 まず元画像はJPEGなので当然フルカラー。色数カウントしてみたところ、177419色使われていました。これをそのままフルカラーPNGで保存してみたところ、1.16MBにもなってしまいました。コレをそのままネットに公開などできようはずもありません。

 というわけで手始めに256色に減色。それほど劣化は見られません。これを保存してみたところ430KBにまで小さくなりました。半分以下です。

 しかしコレではまだまだネットに公開するにはつらい大きさです。というわけで64色で減色。後ろの円筒形の建物がちょっと劣化しているようですが、それ以外は目立って劣化してはいません。ファイルサイズは297KB。まだ少し大きいですが、なんとかネット公開に耐えうるサイズまで落とせました。

6.PNG編〜『PNGGauntlet』によるPNG最適化

※この章の内容は手間の割にあまり効果が大きくないので無視してもいいですが…できれば試してみて下さい。

 GIFと異なり、PNGは圧縮方法が多々あるので それによって画像の劣化無しにファイルサイズが増減します。
 一番適した圧縮方法を用いればファイルサイズが最も小さくなりますが、その「一番適した圧縮方法」を見つけるには基本的に圧縮方法を総当たりで試さねばならず時間が非常にかかるため、普通の画像ソフトはそんなことをしてくれません。

 しかし世の中は広く、PNGを小さくする為だけに作られたソフトが存在します。その一つが『PNGGauntlet』。リンク先のページ右上にある「Download PNGGauntlet」からダウンロードを行い、そのZIPファイル内の『PngGauntletSetup.msi』を実行して下さい。

 するとインストーラが出てくるので適当にインストールして下さい。上手くいかないときは、おそらく『.NET Framework』が入っていないので、Windows Updateからインストールするか ここからダウンロード・インストールして下さい。(もしくは代わりに後に書いてあるBlastPNGを使って下さい。)

 PNG画像を最適化するには、PNGファイルをドラッグ・ドロップでリストに追加し「Optimize!」ボタンをクリックするだけです。他の設定は特に変える必要はありませんが重要な物について説明しておくと…「Brute Force Compress」にチェックを入れるとさらに小さくなる…らしいのですが、私が試した限り特に変わりませんでした。
 「Overwrite Original Files」にチェックを入れるとファイルを上書き保存します。まれにファイルが壊れたり逆に大きくなったりするので上書き保存するなら予めバックアップを取っておいた方が良い…らしいのですが、今のところ私の所ではそんな事は起こっていないので、以前のバージョンの話じゃないかと思います。(とはいえバックアップはこのソフトに限らず取っておいた方が良いと思いますが。)上書き保存しない場合は「Browse...」ボタンを押して出力先ディレクトリを設定する必要があります。

 先程の64色に減色した画像(297.95KB)を最適化してみたところ、281.81KBになりました。割合にして94.6%。減色の時ほどの大きな変化は無いですが、その代わり画像自体には何の変化も起きていません。損はしないわけですから、やってみる価値はあります。

 他にも『BlastPNG』というソフトがあります。国産ソフトなので日本語ですし、減色の時に書いた『GlassCode FLAX』にも同梱されているので便利…なのですが、導入にちょっと手間がかかります。詳しくは「BlastPNGの簡単な使い方」を見て下さい。

 

7.後書き

 「前書き」でも書いたとおり、大きな画像ファイルをよく見かけます。しかし そうした画像を公開している人は、決して僅かな劣化が嫌だとか面倒なのは嫌だとかそんな自分勝手な理由ではなく、単にファイルを小さくする必要性や方法を知らないだけ…私はそう信じています。

 ファイルサイズを小さくする…などというとネット特有の問題のように感じられるかもしれませんが、奥底にあるのは結局「人のことを思いやる気持ち」です。重い画像を公開している人全員がそんな当たり前の気持ちを持ってないなんてことになったら…悲しすぎるじゃないですか。