第6章 画像の加工(10,500文字) 章一覧 ← 前の章次の章 →
noteへ貼り付ける場合 上の「本文を選択」を押してから Ctrl+C(Macは Cmd+C)でコピーし、 noteの編集画面に貼り付けてください。見出し・太字・箇条書き・表は書式が保たれます。 画像はnote側で個別にアップロードが必要になる可能性がありますので、 まず1章だけで試してから残りを進めてください。

第6章 画像の加工

この章でわかること

  • 画像を切り抜いて背景を透明にする手順
  • 余白をどれくらい残すか
  • リサイズとPNG保存のやり方
  • 文字入れと、白フチ・黒フチの付け方
  • スマートフォンで見え方を確認する方法
  • ファイル名の統一ルール
  • メイン画像とタブ画像の作り方
  • 使えるツール5つの比較

なぜ加工が必要なのか

生成しただけの画像は、そのままでは申請できません。

理由は3つです。

  1. 背景が透明になっていない
  2. サイズが規定と違う
  3. セリフの文字が入っていない

つまり、加工は「作品を審査に通せる形にする工程」です。

ここを丁寧にやると、リジェクトが激減します。

私の経験では、リジェクトの原因は画像の仕様不備がいちばん多いです。

絵の内容ではなく、余白や透過で返ってきます。


加工の全体像

作業の流れはこうです。

生成画像(背景あり・文字なし)
   ↓ ① 切り抜き(背景を透明にする)
   ↓ ② 余白調整(端に接触させない)
   ↓ ③ リサイズ(規定サイズに合わせる)
   ↓ ④ 文字入れ(セリフを載せる)
   ↓ ⑤ フチ付け(読みやすくする)
   ↓ ⑥ PNG保存(透過を保持)
   ↓ ⑦ ファイル名を統一
   ↓ ⑧ スマートフォンで確認
完成(申請できる画像)

1枚あたり、慣れれば2〜3分です。

40枚で2時間ほど見ておくと安全です。


使えるツール5つ

まず、道具を決めます。

各サービスの機能や料金は変わる可能性があります。

最新の情報は、各公式サイトで確認してください。

1. Canva(キャンバ)

Webブラウザで使えるデザインツールです。

  • 得意:文字入れ、メイン画像のレイアウト
  • 背景透過:機能として提供されていますが、プランによって使えるかが異なります
  • おすすめ度:文字入れ用として◎

パソコン操作に慣れていない人には、いちばん扱いやすいです。

2. ibisPaint(アイビスペイント)

スマートフォン・タブレット向けのお絵かきアプリです。

  • 得意:手描きの修正、細かい切り抜き、フチ付け
  • 背景透過:レイヤー機能で対応できます
  • おすすめ度:スマートフォン中心の人に◎

指やタッチペンで細かい修正ができます。

3. Photopea(フォトピア)

ブラウザで動く画像編集ツールです。

  • 得意:切り抜き、レイヤー操作、細かいサイズ指定
  • 背景透過:レイヤーで自由にできます
  • おすすめ度:無料で本格的に作業したい人に◎

操作画面がPhotoshopに近いので、慣れが必要です。

でも、インストール不要でブラウザだけで動きます。

4. LINEスタンプメーカー

LINE公式のスタンプ作成アプリです。

  • 得意:スマートフォンだけでスタンプを完成させる
  • 背景透過:切り抜き機能があります
  • おすすめ度:パソコンを使わない人に○

アプリ経由で申請まで進める流れも用意されています。

利用できる機能や申請フローは変更される可能性があります。アプリ内の案内とLINE Creators Market公式ガイドラインを確認してください。

5. Python(パイソン)

プログラムで一括処理する方法です。

  • 得意:40枚のリサイズ、リネーム、検証を一瞬で終わらせる
  • 背景透過:単色背景なら自動化できます
  • おすすめ度:40枚を扱うなら◎

第11章とこのリポジトリの scripts/ フォルダで、そのまま使えるスクリプトを用意しています。

プログラミング経験は不要です。コピーして実行するだけです。

おすすめの組み合わせ

私が実際に使っている組み合わせを書きます。

工程 使うもの
切り抜き・透過 Photopea または ibisPaint
文字入れ・フチ付け Canva または ibisPaint
リサイズ・リネーム・検証 Python(scripts/ のスクリプト)
メイン画像のレイアウト Canva
最終確認 スマートフォン実機
Photopeaの編集画面
図1Photopea(ブラウザで動く画像編集ツール)

① 切り抜き(背景を透明にする)

いちばん重要な工程です。

方法A 自動の背景削除を使う

多くのツールに「背景削除」「背景を消す」というボタンがあります。

手順

  1. 画像を開く
  2. 「背景削除」を実行する
  3. 結果を拡大して確認する
  4. 髪の細い部分、指の先が欠けていないか見る
  5. 欠けていたら手で塗り足す

注意点

白い服のキャラクターでは、服が消えることがあります。

第5章で「背景を薄いグレーで生成する」とお伝えしたのは、これを防ぐためです。

方法B 被写体を選択して切り抜く

手順(Photopeaの場合)

  1. 画像を開く
  2. 選択ツールで、キャラクターの外側(背景)をクリックする
  3. 選択範囲を少し広げる(1〜2px)
  4. Deleteキーで削除する
  5. 市松模様(透明を表す模様)になったことを確認する

方法C 消しゴムで手作業

枚数が少ないときや、細かい部分だけ直すときに使います。

手順

  1. 拡大表示にする(200〜400%)
  2. 消しゴムツールを選ぶ
  3. 背景部分を消していく
  4. キャラクターの輪郭ぎりぎりまで消す

時間はかかりますが、確実です。

透過できたか確認する方法(重要)

見た目では絶対に判断できません。

確認手順

  1. 新しいレイヤーを作る
  2. そのレイヤーを黒または濃い青で塗りつぶす
  3. そのレイヤーを、キャラクターのレイヤーのに移動する
  4. キャラクターの周りに白い部分が出ていないか見る

白い四角が出たら、透過できていません。

白いフチが細く残る場合は、選択範囲を1px内側に縮めてから削除し直します。

Photopeaで透明部分が市松模様になっている状態
図2透過できているかは、暗い背景に重ねて確認する
黒背景レイヤーを下に置いて確認している状態
図3透過の成功例と失敗例(暗い背景に重ねて比較)

② 余白調整

キャラクターを画像の端まで大きく描くと、審査で指摘されることがあります。

なぜ余白が必要なのか

トーク画面でスタンプが表示されるとき、周囲に少し空間があるほうが見やすいです。

そして、端に接触していると、環境によって切れて見えることがあります。

余白の目安

公式ガイドラインに数値が示されています。

2026年7月30日時点の記載では、次のとおりです。

トリミングされた画像の外枠とコンテンツの間には10pxぐらいの余白が必要です。 画像をつくるときは上下左右のバランスに注意してください。

つまり、370×320のスタンプ画像なら、上下左右に10px程度です。

実際の作業では、こう考えると安全です。

  • キャラクターの高さを、画像の高さの90%程度に収める
  • 上下左右に10px以上の空間を残す
  • 手や足、効果線が画面外に出ないようにする
  • 文字も余白の内側に収める

余白の推奨値は変更される可能性があります。申請前にLINE Creators Market公式の最新ガイドラインを確認してください。

余白の作り方

手順

  1. キャラクターのレイヤーを選ぶ
  2. 全体を少し縮小する(90〜95%程度)
  3. 中央に配置する
  4. 上下左右の余白を目で確認する

文字を入れる場合は、文字も余白の内側に収めます。


③ リサイズ

規定のサイズに合わせます。

サイズ(2026年7月30日時点の公式記載)

種類 サイズ(px) 必要数
スタンプ画像 横370 × 縦320(最大) 8/16/24/32/40個
メイン画像 240 × 240 1個
タブ画像 96 × 74 1個

あわせて、次の条件も満たす必要があります。

  • 縦横のピクセル数は偶数
  • 解像度は72dpi以上
  • カラーモードはRGB
  • 1個あたり1MB以下
  • ZIPでまとめる場合は60MB以下

サイズの数値は変更される可能性があります。申請前に、LINE Creators Market公式の最新ガイドラインを確認してください。

リサイズの注意点

縦横比を保ってください。

比率を無視して伸ばすと、キャラクターが太ったり細長くなったりします。

手動でのリサイズ手順(Photopeaの場合)

  1. メニューから「イメージ」→「画像サイズ」を開く
  2. 「縦横比を固定」にチェックを入れる
  3. 長い辺の数値を入力する
  4. 適用する
  5. 規定サイズのキャンバスを新規作成する
  6. リサイズした画像を貼り付け、中央に配置する

一括リサイズ(Pythonを使う場合)

40枚を手動でやると時間がかかります。

第11章の scripts/validate_images.py でサイズをチェックし、必要ならリサイズ処理を追加します。

縮小はきれいにできますが、拡大は画質が落ちます。

だから、生成時は大きめのサイズで出しておくのが正解です。


④ PNG保存

保存手順

  1. メニューから「ファイル」→「書き出し」または「エクスポート」を選ぶ
  2. 形式で PNG を選ぶ
  3. 「透明部分を保持」のような設定があればオンにする
  4. 保存する

やってはいけないこと

拡張子だけを変えること。

× stamp_001.jpg のファイル名を stamp_001.png に変える
○ 編集ソフトで「PNG形式で書き出し」を実行する

前者は中身がJPEGのままです。

審査で弾かれます。

確認方法

第11章の scripts/validate_images.py を実行すると、中身が本当にPNGかどうかを判定できます。

これが一番確実です。


⑤ 文字入れ

セリフを画像に載せます。

文字入れの手順

  1. 加工済みの透過PNGを開く
  2. テキストツールを選ぶ
  3. セリフを入力する
  4. フォントを選ぶ
  5. サイズを調整する
  6. 位置を決める
  7. フチを付ける(次のセクション)
  8. PNGで保存する

フォントの選び方

太いフォントを選んでください。

細いフォントは、縮小すると消えます。

フォントの種類 向き
太いゴシック体 ◎ 最適
丸ゴシック体 ◎ かわいい系に合う
明朝体 △ 細い部分が消える
筆記体・手書き風 △ 読みにくいことがある

フォントの商用利用条件も必ず確認してください。

無料フォントでも、商用利用が禁止されているものがあります。

「商用利用可」「再配布不可でも使用は可」などの条件を、配布元で確認します。

文字サイズの目安

画像の中で、セリフが占める高さは全体の20〜30%を目安にします。

小さすぎると読めません。

大きすぎるとキャラクターが隠れます。

文字の位置

3パターンあります。

位置 向いている場面
上(頭の上) キャラクターの全身を見せたいとき
下(足元) 顔を大きく見せたいとき
横(左右) 横向きのポーズのとき

40枚で位置を統一する必要はありません。

キャラクターが隠れない位置に置くのが優先です。

ただし、フォント・文字サイズ・フチの色は統一します。

文字を統一するコツ

1枚目で完成した文字設定を、テンプレートとして保存します。

Canvaなら、複製して文字だけ差し替えられます。

これで40枚が一気に進みます。

画像を入れる位置(未撮影)
画面Canvaのテキスト編集画面
撮影内容フォント、サイズ、色の設定パネルが見える状態
注意アカウント名はぼかす

⑥ 白フチと黒フチ

これは知らない人が多い、効果の大きいテクニックです。

なぜフチが必要なのか

LINEのトーク背景は、人によって違います。

  • 白っぽい背景
  • 黒っぽい背景(ダークモード)
  • 写真の背景
  • 濃い色のテーマ

黒い文字を白背景で見ると読めます。

でも、黒い背景では消えます。

解決策:文字に2重のフチを付ける

これが定番の作りです。

文字の中身:白
1本目のフチ:黒(細め)
2本目のフチ:白(太め)

または、逆でも構いません。

文字の中身:黒
1本目のフチ:白(太め)

こうすると、どんな背景でも読めます。

キャラクター本体にも白フチを付ける

これは効果が大きいです。

キャラクターの輪郭の外側に、白い縁を2〜4pxほど付けます。

すると、暗い背景でもキャラクターがはっきり浮きます。

手順(Photopeaの場合)

  1. キャラクターのレイヤーを選ぶ
  2. レイヤースタイルを開く
  3. 「境界線」または「ストローク」を選ぶ
  4. 色を白にする
  5. 太さを2〜4pxにする
  6. 位置を「外側」にする
  7. 適用する

手順(ibisPaintの場合)

レイヤーメニューの「フチ」または「縁取り」機能を使います。

実例:ビジネス敬語スタンプで学んだこと

ビジネス敬語スタンプを作ったとき、最初は文字にフチを付けていませんでした。

黒い文字だけです。

自分のスマートフォンで確認したときは読めました。

でも、ダークモードで使っている人には見えづらい状態でした。

対策として、全枚数に白フチを追加しました。

敬語系は文字が主役なので、フチは必須です。

白フチあり・なしの比較
図4白フチのあり・なし(暗い背景で比較)

⑦ 可読性の確認

パソコンの画面では、必ず「読める」と感じます。

でも、実際に使われるのはスマートフォンです。

確認方法1 縮小して見る

パソコン上で、画像を実際の表示サイズくらいまで縮小します。

目安として、画面上で1.5〜2cm四方くらいの大きさです。

その状態で読めるかを見ます。

確認方法2 スマートフォンに送る

これが本番の確認です。

手順

  1. 完成した画像を、自分だけのLINEグループに送る - LINEで自分1人のグループを作れます(「自分専用メモ」として使えます)
  2. スマートフォンでそのトークを開く
  3. 画像をタップせず、トーク上のサイズで見る
  4. 読めるか確認する
  5. トーク背景を暗い色に変えて、もう一度見る

トーク背景の変更手順

LINEの設定から「トーク」→「背景デザイン」で変更できます。

黒っぽい背景に変えて確認してください。

確認方法3 少し離れて見る

スマートフォンを腕の長さくらい離して見ます。

読めなければ、文字が小さすぎます。

確認するポイント

  • セリフが読める
  • 表情がわかる
  • キャラクターが誰かわかる
  • 明るい背景で見える
  • 暗い背景で見える
  • 文字が画像の端で切れていない
  • 色が薄すぎない
LINEの自分専用グループに画像を送った状態
図5トーク表示サイズでの見え方(明るい背景・暗い背景/再現図)
LINEのトーク背景を暗い色に変更した状態でのスタンプ表示
図6トーク表示サイズでの見え方(明るい背景・暗い背景/再現図)

⑧ ファイル名の統一

これを軽く見ると、あとで必ず混乱します。

統一ルール

stamp_001.png
stamp_002.png
stamp_003.png
...
stamp_040.png
main.png      (メイン画像)
tab.png       (タブ画像)

なぜ3桁の連番にするのか

理由は2つです。

理由1 並び順が崩れない

stamp_1.pngstamp_10.png があると、パソコンは次の順に並べます。

stamp_1.png
stamp_10.png
stamp_2.png

3桁にすると、正しく並びます。

stamp_001.png
stamp_002.png
stamp_010.png

理由2 CSVと対応が取れる

第4章のCSVの number 列と filename 列が一致します。

これで「何番のセリフがどのファイルか」が迷わなくなります。

日本語のファイル名を避ける理由

ありがとう.png のような名前は避けます。

  • 環境によって文字化けする
  • スクリプトで処理しにくい
  • アップロード時に順番が崩れる

リネームの自動化

40枚を手で名前変更するのは大変です。

第11章の scripts/rename_images.py を使うと、一括で stamp_001.png 形式に変換できます。

元ファイルは上書きせず、output フォルダにコピーする方式にしています。


⑨ メイン画像の作り方

ストアの表紙になる画像です。

参考サイズ:240 × 240 px(要確認)

作り方の手順

  1. スタンプの中から、いちばん表情が良い1枚を選ぶ
  2. その画像を複製する(元の40枚は触らない)
  3. 240×240の正方形キャンバスを新規作成する
  4. キャラクターを配置する(顔が大きく見えるように)
  5. スタンプのテーマがわかる文字を入れる(任意)
  6. 背景を透過にする
  7. PNGで保存する(ファイル名:main.png

メイン画像で意識すること

3つだけです。

1. 顔が大きい

一覧で小さく表示されます。

全身よりも、顔が大きいほうが目に入ります。

2. 何のスタンプかわかる

キャラクターだけだと、テーマが伝わりません。

短い文字を入れると、伝わりやすくなります。

例:「AIコンサル アイナ」

ただし、文字を詰め込みすぎないでください。

3. 他の作品に埋もれない

一覧に並んだとき、色が薄いと消えます。

アクセントカラーを使って、目に留まるようにします。

「アイナ」ならネオンピンク(#FF4FA3)です。

注意

メイン画像は、スタンプ画像とサイズが違います。

40枚のうちの1枚を、そのまま流用できません。

必ず作り直してください。

240×240のキャンバスでメイン画像を作成している状態
図7メイン画像(240×240)の作例。顔が大きく見えるようにする

⑩ タブ画像の作り方

トーク画面下部のタブに出る、小さなアイコンです。

参考サイズ:96 × 74 px(要確認)

作り方の手順

  1. キャラクターの顔がよく見える1枚を選ぶ
  2. 顔だけを切り出す
  3. 96×74のキャンバスを新規作成する
  4. 顔を中央に配置する(横長なので、顔を少し小さめに)
  5. 背景を透過にする
  6. PNGで保存する(ファイル名:tab.png

タブ画像のコツ

とにかく小さいです。

だから、こうします。

  • 文字は入れない(読めません)
  • 顔だけにする(全身は潰れます)
  • 線を太くする
  • 色をはっきりさせる

よくある間違い

メイン画像をそのまま縮小して使うと、細部が潰れます。

そして、96×74は横長です。

正方形の画像を入れると、余白が大きくなります。

顔を少し横に広めに切り出すと、収まりが良くなります。

96×74のタブ画像を作成している状態
図8タブ画像(96×74)の作例。横長なので顔だけを切り出す
完成した3種類の画像を並べた状態
図9スタンプ画像・メイン画像・タブ画像を実寸で並べた比較

そのまま使えるプロンプト

画像加工そのものはAIにできませんが、判断の整理には使えます。

プロンプト1 可読性の問題を整理する

私はLINEスタンプの画像を加工しています。

以下の状況について、可読性を上げる具体策を優先度順に5つ出してください。

【状況】
- セリフの文字数:
- 文字色:
- 文字にフチ:あり/なし
- キャラクターの色の濃さ:
- スマートフォンで確認した結果:

【出力の条件】
- 画像編集ソフトでの具体的な操作として書く
- 「〜を〜pxにする」のように数値で書く
- 効果が大きい順に並べる
- 作業時間の目安も1行で書く

プロンプト2 加工手順のチェックリストを作る

私が使う画像編集ツールは「(ツール名)」です。

このツールで、以下の作業を行う手順を、
初心者向けに1ステップずつ書いてください。

【作業内容】
1. 背景を透明にする
2. キャラクターの外側に白い縁を3px付ける
3. 文字を入れて、白フチと黒フチを2重に付ける
4. 370×320px以内にリサイズする
5. 透過を保持したままPNGで書き出す

【出力の条件】
- メニュー名やボタン名を具体的に書く
- 各ステップに「確認すること」を1行添える
- ツールのバージョンによって名称が違う可能性があることを明記する
- 数値は私が公式ガイドラインで確認する前提で書く

よくある失敗

失敗1 透過したつもりで、白く塗りつぶしていた

見た目では気づけません。

対策:黒いレイヤーを下に置いて確認する。

失敗2 白フチが残っている

暗い背景で輪郭が光ります。

対策:選択範囲を1px内側に縮めてから削除する。

失敗3 JPEGをリネームしてPNGにした

中身は変わりません。

対策:編集ソフトの「PNG書き出し」を使う。検証スクリプトで確認する。

失敗4 キャラクターを端まで大きくした

余白がなく、審査で指摘されることがあります。

対策:全体を90〜95%に縮小して中央配置する。

失敗5 縦横比を無視してリサイズした

キャラクターが伸びます。

対策:「縦横比を固定」にチェックを入れる。

失敗6 細いフォントを使った

縮小すると消えます。

対策:太いゴシック体か丸ゴシック体を使う。

失敗7 フォントの商用利用条件を確認しなかった

あとで使えないことがわかります。

対策:配布元で条件を確認する。

失敗8 文字にフチを付けなかった

暗い背景で読めません。

対策:白フチ+黒フチの2重にする。

失敗9 パソコンだけで確認を終えた

スマートフォンで見たら小さすぎた、が起きます。

対策:自分専用のLINEグループに送って実機確認する。

失敗10 メイン画像とタブ画像を作り忘れた

申請直前に気づきます。

対策:作業リストに最初から入れる。42枚として数える。

失敗11 ファイル名がバラバラ

アップロード順が崩れます。

対策:stamp_001.png 形式に統一する。スクリプトで一括リネームする。

失敗12 元画像を上書きした

やり直しができません。

対策:加工は必ず複製に対して行う。元画像は別フォルダに保管する。


この章のチェックリスト

全枚数の共通確認

  • 背景が透明になっている(黒背景で確認した)
  • 白いフチが残っていない
  • キャラクターが画像の端に接触していない
  • サイズが規定内(公式ガイドラインで確認した数値)
  • 縦横のピクセル数が偶数
  • PNGで保存されている(検証スクリプトで確認した)
  • ファイル名が stamp_001.png 形式で連番になっている
  • 元画像を別フォルダに保管している

文字の確認

  • フォントが太い
  • フォントの商用利用条件を確認した
  • 40枚でフォントが統一されている
  • 文字にフチが付いている
  • 文字が画像の端で切れていない
  • 文字がキャラクターの顔を隠していない

メイン画像・タブ画像

  • main.png を作った(規定サイズ)
  • tab.png を作った(規定サイズ)
  • タブ画像は顔だけにした
  • タブ画像に文字を入れていない
  • どちらも透過されている

実機確認

  • スマートフォンの明るい背景で確認した
  • スマートフォンの暗い背景で確認した
  • 腕の長さ離して読めた

章のまとめ

  • 加工の流れは、切り抜き→余白→リサイズ→文字→フチ→PNG→リネーム→実機確認
  • 透過の確認は、黒いレイヤーを下に置いて行う
  • 白い服のキャラは、薄いグレー背景で生成すると切り抜きやすい
  • 文字は太いフォント。白フチ+黒フチで、どの背景でも読める形にする
  • ファイル名は stamp_001.png 形式の3桁連番
  • メイン画像とタブ画像は別サイズ。流用できない
  • 最終確認はスマートフォン実機。明るい背景と暗い背景の両方

次の章では、LINE Creators Marketへの登録と申請に進みます。

画像がそろっていれば、作業自体は1時間かかりません。


画像を入れる位置(未撮影)
画面ibisPaintのレイヤーメニュー
撮影内容フチ(縁取り)機能の設定画面
注意なし
加工前と加工後の比較
図10加工前(背景あり)と加工後(透過・文字入り)
完成した40枚をフォルダで一覧表示(大きいアイコン表示)
図11並べて確認する(サンプルは5枚)

← 前の章 次の章 →