FC2ブログ
ぴぽやフレンズについて

αチャンネル付きPNG画像のファイルサイズを小さくする

2012.12.29
最近のゲーム制作にはリッチな表現をするためにαチャンネル付きPNG画像の使用は欠かせないものになっています。

αチャンネル付きPNG画像とはどういったものかと言うと、下記のようなエフェクト画像にある透明度がある画像のことを言います。
キャラクターの立ち絵画像などの輪郭部分がなめらかに背景と重なりあうためにも、αチャンネル付きPNG画像を使用したりします。

ただし、αチャンネル付きの画像というのはファイルサイズがとても大きくなってしまいます。
下の画像だと106KBほどあります。

kaifuku0021.png

こういった画像素材をどんどん使っていくと、ゲーム全体のファイルサイズがとても膨れ上がってしまいます。

そこで、αチャンネル付きPNG画像のファイルサイズを小さくする方法をご紹介していきます。

まずは減色!αチャンネル付きPNG画像に限らず、画像で使用している色数を少なくすることは画像のファイルサイズを小さくする基本になります。
ただ、αチャンネル付きPNG画像を減色する機能を持ったソフトウェアはあまりなく、あっても高価なものだったりします。

海外のフリーソフトもあるみたいですが、最近リリースされた日本語のフリーソフト「PNG Color Reducer」がシンプルでおすすめです。

起動して、画像ファイルをドラッグ&ドロップ→色数を指定→プレビューボタンを押して右側に表示される結果画像を確認→問題なければ保存。というシンプル操作です。
「自動保存」をチェックして複数画像ファイルをドラッグ&ドロップすることで、同じ設定で一気に減色して保存してくれます。
png_size1.jpg

上の画像を16色に減色した画像がこちら、若干シマシマが見えちゃってますが、まあゲーム中で使用する素材としては許容範囲です。
ちなみにこの時点でのファイルサイズは9.64KB。
最初の画像の1/10ほどになりました。
kaifuku0021_.png

*****
2013/4/14追記:PNG Color Reducerがフリー版の公開を中止されたようですので、無料のものをご希望の場合は下記の記事で紹介しているCOLGAなどをご利用ください。
アルファチャンネル付きPNGを扱うためのソフトウェア
*****


さらにファイルサイズを小さくしていきましょう!
PNG画像のファイルには画像表示に影響しない余計な部分があるそうで、それを削りとってファイルサイズを小さくするソフトってのが色々あります。

今回は「PNGGauntlet」という海外のフリーソフトを使ってみます。

環境によるのか、若干起動が遅いですが、こちらもシンプル操作で扱いやすいです。
起動して、画像ファイル(複数も可能)をドラッグ&ドロップ→「Optimize!」ボタンを押すとファイルサイズを小さくして保存してくれます。
以下のように9.64KBあったものが8.67KBになりました!
最初が106KBでしたからすごいことですねぇ。
png_size2.jpg

ただ、PNGGauntletで処理する際に、私の環境の問題かもしれませんが、白色・黒色ベースのαチャンネル付きPNGを処理すると表示がおかしくなる場合があるようです。画像の情報を破損してしまったような表示になります。表示するソフト側の問題かもしれませんが、ウディタでは問題が発生するようです。
こういった問題が発生した場合には、その画像はPNGGauntletで処理しない状態で使用するようにしましょう。


これで、ゲームにαチャンネル付き画像の素材を色々使っても自分の裁量でファイルサイズの調整をしていくことができますね。


今回もステキなツールに感謝です!
関連記事

この記事へのコメント

非公開にする :

トラックバック

URL :

プロフィール

ぴぽ

管理人:ぴぽ
フリーのグラフィックデザイナーという傍ら、「ゲームを作りたいなぁ♪」と奮闘中です!

TwitterYoutubeチャンネルtwitchチャンネル
Fantia-ぴぽやフレンズCi-en ぴぽやフレンズ

▼運営サイト
・ぴぽや倉庫
 公開した素材のまとめ

・ぴぽやリンク
 素材配布サイトリンク集
・はじめてのウディタ
 ウディタお勉強wiki

ご感想・ご連絡


カテゴリ
最新コメント
リンク

リンクして頂ける場合はこちらのバナー画像をお使いください。
※バナー画像なしでも構いません。

RSS
広告
おすすめ有料素材
同人誌、同人ゲーム、同人ソフトのダウンロードショップ - DLsite.com

タイルセット
ねくらファンタジーマップチップ素材集
ねくらレトロフューチャーマップチップ素材集
普通シティ 現代日本都市タイルセット
ファミコン風RPG基本マップ素材セット

背景イラスト
みにくる背景CG素材集『ファンタジー編』part01
みにくる背景CG素材集『ファンタジー編』part02
みにくる背景CG素材集『ファンタジー編』part03
砂漠の戦闘背景 サファイアソフト素材 Vol2
雪の戦闘背景 サファイアソフト素材 Vol1

エネミーイラスト
イラスト素材集-baroque-
イラスト素材集-異界のアリス-
RPG制作に使えるデフォルメ素材集~モンスター娘編~ Vol.3

キャラチップ
ぴぽやキャラチップ素材集 乗り物10種
どうぶつキャラクターチップセット3

キャラ立ち絵
中世ファンタジーRPG風2Dキャラクターパック【キャラクター画像素材】
立ち絵素材男女
【立ち絵素材】Aさんのバイト服
【立ち絵素材】現代人まとめ (女子生徒・男子生徒・一般女性・一般男性・少女)

エフェクトアニメ
物理攻撃エフェクト素材集1 71点収録
ぴぽやゲームエフェクト素材集01-斬撃- &02-属性斬撃- セット

アイコン
イラストアイコン素材集Vol.1
ゲーム製作用アイコン集#01
ぴぽや感情&状態アイコンアニメ素材集
ファンタジーゲーム向けアイコン素材1

ゲーム制作ソフト
SMILE GAME BUILDER
SRPG Studio
ティラノビルダー PRO