この記事でわかること
- AIで作った画像が重い理由（PNGとJPEGのちがい）
- Claude Codeに、画像をまとめて軽くしてもらう頼み方
- 画質をいくつにすればいいか（実際に測った結果）
- つまずいたところと、気をつけたこと
ももぴゆあぴ、ブログに絵をいっぱいのせたら、ページが重くなったりしない？
ゆあぴなるの。ChatGPTで作った絵は、1枚2MBくらいあるから
ももぴえっ、そんなに！？
ゆあぴだから、Claude Codeにお願いして、まとめて軽くしてもらってるの。今日はそのやり方を書くね
結論：「JPEG・品質85」にするだけで、約9分の1になった
先に結論です。
- ChatGPTで作った画像はPNGで、1枚約2〜3.4MBあった
- Claude Codeに頼んでJPEG（品質85）にしたら、約200〜430KBになった
- 見た目は、2倍に拡大して並べても、ほとんど見分けがつかなかった
- 頼み方は、日本語で「記事用の画像をJPEGにして軽くして」と言うだけ
- 元の画像を消すのは、できた画像を確認してからにしている
ゆあぴ1回お願いしておけば、次から記事の画像はぜんぶ軽くしてくれるの
なぜAIの画像は重いの？（PNGとJPEG）
ChatGPTで作った画像を保存すると、PNGという形式になっていました。
| 形式 | とくちょう | 向いているもの |
|---|---|---|
| PNG | 画質が落ちない。そのぶんファイルが大きい。透明な背景にできる | ロゴ、透明な背景が必要な素材 |
| JPEG | 少しだけ画質を落として、ファイルを小さくする。透明にはできない | 写真、イラスト、記事にのせる画像 |
記事にのせるイラストは、透明な背景がいりません。なので、JPEGにして軽くするほうが向いています。
実際にどれくらい軽くなった？
このブログの記事画像
2026年10月に書いた「AIで秋服に着せかえ」の記事の画像です。
| 画像 | JPEGにしたあと |
|---|---|
| 4コマ | 約428KB |
| ゆあぴ | 約249KB |
| ももぴ | 約263KB |
| のあぴ | 約212KB |
| 3人 | 約306KB |
元のPNGは、どれも約2〜3.4MBありました。
画質を変えて、測ってみた
この記事を書くために、同じ1枚の画像（ゆあぴの秋のイラスト・1122×1402）で、画質だけを変えて比べました。2026年10月23日に、Claude Codeで測った数字です。
| 形式・画質 | ファイルの大きさ | 元のPNGと比べて |
|---|---|---|
| PNG（元の画像） | 約2,163KB | − |
| JPEG・品質95 | 約426KB | 約5分の1 |
| JPEG・品質85 | 約249KB | 約9分の1 |
| JPEG・品質70 | 約170KB | 約13分の1 |
| JPEG・品質50 | 約129KB | 約17分の1 |
画質（品質）は0〜100の数字で、大きいほどきれいで、ファイルも大きくなります。
左から、元のPNG・品質50・品質85を、耳のあたりで2倍に拡大して並べたものです。品質50でも、ぱっと見ではわかりにくいです。でも、よく見ると十字架のイヤリングのふちが少しにじんでいます。ゆあは、品質85にしています。小さくなりすぎず、見た目もほとんど変わらないからです。
ももぴぜんぜん見分けつかない！なのに9分の1なの！？
Claude Codeへの頼み方
最初にお願いしたこと
ゆあが2026年10月20日に、Claude Codeに送ったお願いです。
記事用画像はJPEGにして軽くしたいです。変換してください。
また、今後も記事に画像を使うときはJPEG変換して軽くするようにしてください。これだけで、フォルダの中の画像をまとめてJPEGにしてくれました。2つ目の文を入れたので、そのあとは記事の画像を渡すたびに、言わなくてもJPEGにしてくれています。
細かく決めておいたこと
やりとりの中で、次のように決めました。
- 画質は85
- 画像の大きさ（縦と横）は、そのまま
- 透明な部分は、白でうめる：JPEGは透明にできないので
- アイキャッチは1200×630：はみ出したところは切り取って、すき間ができないようにする
- 元のPNGは、できたJPEGを確認してから消す
ゆあぴ「どうしたいか」を日本語で言うだけで、むずかしい設定はClaude Codeが考えてくれたの
自分で頼むときの例
「記事画像」フォルダの中のPNGを、すべてJPEG（品質85）にしてください。
縦と横の大きさは変えないでください。透明な部分は白にしてください。
できたら、ファイルの大きさを変換前と変換後で一覧にして見せてください。
元のPNGは、わたしが確認してから消すので、まだ消さないでください。つまずいたところ・気をつけたこと
元の画像は、すぐに消さない
いちばん気をつけているのが、ここです。変換したあと、できた画像が正しく保存されたかを確認してから、元のPNGを消すようにしてもらっています。
先に消してしまうと、変換に失敗していたときに、元の画像が残りません。AIで作った画像は、同じものをもう一度作れないこともあります。
透明な背景が必要なものは、PNGのまま
LINEスタンプのように、背景を透明にしておく必要がある素材は、JPEGにしてはいけません。JPEGにすると、透明なところが白くなってしまいます。ゆあは「記事にのせる画像だけ」をJPEGにしています。
途中でエラーが出たことも
画像を変換する小さなプログラムを、Claude Codeが書いて動かしています。そのときに、何度かエラーが出ました。
- 名前の付け方の問題で、プログラムが動かなかった
- 大文字と小文字を同じものとして扱う決まりのせいで、2つの値がまざった
どちらも、Claude Codeが自分でエラーを読んで直してくれました。ゆあは、エラーの意味がわからなくても、待っているだけで大丈夫でした。
よくある質問
Q. WordPressのプラグインでも軽くできますか？
A. 画像を軽くするプラグインもあります。ゆあは使っていないので、くわしくは書けません。ゆあの場合は、WordPressに入れる前にJPEGにしているので、プラグインは入れていません。
Q. 画質はいくつがいいですか？
A. ゆあは85にしています。今回測った範囲では、85で元の約9分の1になって、見た目もほとんど変わりませんでした。写真が多い場合は、自分の画像でも試してみてください。
Q. Claude Codeは無料で使えますか？
A. 2026年10月にゆあが確認したときは、有料プラン（Proなど）が必要でした。くわしくはClaude Codeの始め方と料金にまとめています。
まとめ：1回頼めば、あとはずっと軽くしてくれる
- ChatGPTの画像（PNG・約2〜3.4MB）は、JPEG・品質85で約200〜430KBになった
- 見た目は、拡大してもほとんど変わらなかった
- Claude Codeには、日本語で「JPEGにして軽くして」と頼むだけ
- 元の画像は、確認してから消す。透明な背景が必要なものはPNGのまま
ももぴももなのブログも、軽くしてもらおうかな🎀
ゆあぴまずは1枚、変換前と変換後の大きさを比べてみて。びっくりするよ
関連記事：Claude Codeでできること／Claude Codeの始め方と料金／AIで同じキャラに秋服を着せてみた／このブログの作り方
コメント