プログラミング、ゲーミング知識０の自分が、０から大人なゲームを１カ月半で作った話（その11：本当に制作お役立ち情報：画像編）
本当の本当にお役立ち情報
何度も言いますが、このゲーム、
イベントCG400枚、立ち絵・拘束画像等さらに400枚
イベントシーン95個。
主要キャラには、一言ボイスありです。
が、240MB。
同人ゲームを散々やってきたので分かります。ゲームサイズが１GB超えてると、超大作。600MBくらいだと、あ、内容あるけどボイスとかない惜しいやつね。200MBとか、短編の作品かなぁと。
買って、ファイルサイズが200MBくらいだと、がっかりしますよね。
ところが、ゲームをプレイしてくれた人には、『これは、内容もあり、画像もしっかりしたそれなりの大作』と絶対に思ってもらえているという確信があります。少なくとも、30分くらいで終わるような短編ゲームじゃない。
これは本当に、企業努力（個人努力）なのですが、この容量削減には、AIの力が大きく関わっています。実際にはAIの力を借りなくてもできると思いますが、AIに頼むと、たった一言、10秒で作業が済みます。
容量削減のためにやったことは主に２つ
①画像素材の軽量化
②音楽・音声素材の軽量化
今回は ①画像素材について おすすめを。
①ー１ PNG,JPEGのサイズも軽量化できる！！
WEBPには前回触れましたが、PNG、JPEGのままでも十分ファイルサイズを小さくすることができます！
特に、フリー素材で背景等を活用する際、加工OKな場合、絶対やった方が良いです。
私は背景素材はみんちりえ（ https://min-chi.material.jp/ ）さん からお借りしていることが多いのですが、元ファイルはJPEG,１枚で２MB弱のサイズ。
これをAIさんに、背景画像だから少し画質を落としていいからJPEGのままファイルサイズを小さくしてというと、1/10の200KB弱まで落としてくれました。サイズは1920×1080のフルサイズのままです。
実際に画質変換したものはこちら。もうアップした自分にも、どっちがどっちか分かりません。
みゆの部屋に使用させていただいています。多分②が187KBの方。
背景画像はノベルゲームなどではよく使うと思います。みんちりえさんのサイトは時間帯差分が豊富で、私も、実際には使ってないものも多いけど、時間帯の差分などを基本入れて、40枚近い背景画像を使っています。これを正直にそのまま使うと、これだけで100MB近く。
みゆのゲームの半分近くが背景画像だけに持っていかれます（（笑）。実際には、40枚の背景で、10MBほどしか使っていません。
で、これ、AIに一言いうだけで、ファイル形式そのままにサイズ圧縮版に変換してもらえます（そのためのプログラムのインストールも必要なのですが、それも全部AIの言いなりになっていれば大丈夫です）。ファイル形式も変更してほしければ、簡単にしてくれます。
①ー２ 何度も言うがWEBP
そしてWEBP。これがやばい。ノベルゲームの核となるのは１枚絵イベント画像だと思います。この画像、私は製作自体AIで行っているのですが、サイズは1288×728（半端）。
生成したPNGのままだと１枚１MB以上。400枚以上使われているので、イベントCGだけで本来のサイズは500MBあります。背景と合わせて、これだけで本来600MB。さらに立ち絵…
ところが、イベントCG、400枚で34MBしか使っていません！！
じゃあ、クオリティが低いのか、というと、そんなことはないことはプレイしてくれた人は全員承知でしょう…。
人にお見せできる大きな画像がなかったのでタイトル画像で。
1280×720サイズで、１枚が1.28MB。もう１枚が128KB＝0.12MB。
これはさすがにちょっと色味とかも変ってて、どっちがサイズ小さいか、言
われれば分かるかもしれないですね。でも言わなきゃバレないでしょう…。
これ、大事なのは解像度は変わっていないという点です。
画質で大事なのは画像サイズではなく解像度。容量圧縮のために、解像度を下げて再拡大すると、絶対崩れます。それだったら、WEBPで、画像サイズそのままで容量を下げた方が絶対良い。試してないですが、おそらく、1980×1200のWEBP画像と、1280×720のPNG画像だと、解像度の高いWEBPの方が、綺麗で容量も小さいと思います。
まあ、画像サイズが大きくても画質が良い方がいいんじゃね、という考えもあるかもしれないですが、イベントCGが400枚あると話は別ですね…。本当に非圧縮で作ったら、１GB超のサイズになっちゃうと思います。
そして、DLサイズも小さくなり、予期していなかったですが、ブラウザ・スマホ動作の安定化につながりました。
戦闘シーンでは、先に立ち絵アセットをプリロードしておくのですが、そのサイズが1/10になるだけで、だいぶ動作への影響がでかい。さらにスマホの通信環境にも優しい。
そして、これも、フォルダに何十枚も入れたうえで、AIに、フォルダ内の画像を全てWEBPにして！というだけで簡単にやってくれます。超速！！
コードの先頭に１行足して！という依頼で、コードの先頭１行以外を誤って全消去してしまうお茶目なGemini君ですが、画像ファイル等、ファイルの変換をミスしたことは一度もありません。それだけはGeminiでも信頼している。（ただ、一応バックアップは取ってます。フォルダに入れた元画像を許可なく消しちゃうから）
ちなみに、CSVファイルの数行にtrueを足して、と言っただけで、全ファイルぶっ壊してくれました（＾＾）
そして、これがAntigravityでの作業風景です。本当に、チャットするだけでゲームを作ってくれるよ！！
そんなこんなで、画像でお世話になっているサイト
みんちりえさんのサイトも紹介しておきます。本当にありがたいです。
現代風がそろっているのと、時間帯差分が豊富なので、本当に重宝しています。画風も好み。
おまけ①：生成にも便利なCanva
もうひとつ、いい感じの背景が見つからないときは、AIに頼むといいです。私は、イベント画像や人物画像にSDを使っているのですが、純粋な背景は中々作りにくい。プロンプトも英語で難しいし。
そこで意外に便利なのがCanva。
『上級の魔物が済んでいそうな紫がかった不思議な異世界空間の背景画像を作って。ゲームの背景だけで使うので具体的な魔物や人物の姿は無しで。』といって出来たのがこれ。
サキュバス界・魔界で、そこまでどろどろしたイメージじゃない画像は中々探しにくかったので作成しました。
ただ、学校とか、ありがちな背景は、フリー素材を探した方が早くて、いい感じのものが多いと思います。この辺はまだ人間の勝利。
フリー素材を作ってくださっている方には本当に感謝です。
おまけ②：タイトルロゴにも便利なCanva
さらにCanvaはロゴを作るのも得意。画像ファイルとして生成してくるので、微調整はできず一発勝負になりますが、何度も作らせればいい感じになります。
指示はこちら
『魔法少女みゆ というゲームのロゴを作ってもらえますか。魔法少女みゆ という文字と、Magical Girl Miyuの文字も入れますが、みゆはひらがなで。ハートや星を使った可愛い感じで。スマートフォンが大事な要素のゲームなので、可愛いスマートフォンのイラストも盛り込んでください。』
何回か試行錯誤の末、こちらに決定。
ゲームタイトルが、ただのフォントだけじゃ味気ないと思う人、Canvaを使ってみても良いのでは！
あとは、画像透過のためにCanavaを使ってますが、透過残しが多く、透過ソフトで手作業で透過してたりもしています。
以上、今回はガチのお役立ちでした。健全！！
次回は音声についてちょっと触れます！ゲームもよろしくね！！