活用事例4分で読めます
素材を作り替える — OCR・背景除去・画像分割
画像に焼き込まれた文字を編集可能なテキストに起こし、商品カットを切り抜き、1枚の長尺LPをセクション単位に割る——元データを失った過去資産や1枚絵の入稿物を、編集・転用できる素材に作り替えます。背景除去はブラウザ内で完結するので機密画像を外部送信しません。
この機能でできること
- ✓焼き込みコピーをVision OCRで編集可能テキストに起こす
- ✓商品カットの背景を除去して白背景・色背景の確認素材を作る
- ✓縦長1枚のLP/A+をAI分割してセクション単位の素材バンクにする
- ✓支給PSDの「文字レイヤーだけ」残してコピーを高速に試作する
- ✓OCRで起こした文字を載せ替え、別サイズ・セール版を量産する
焼き込みコピーをVision OCRで編集可能テキストに起こす
- 文字入りの画像レイヤーを1つだけ選択し、ControlPanelの「画像→レイヤー化」を押す
- 長い画像はExtractRegionModalが開くので、起こしたい範囲（目安1280×2400px・安定枠約2400px）に枠を合わせる
- Visionが文字座標・色・サイズ・縦/横向きを推定し、元画像の上に編集可能なtextLayerを重ねる
- TextFormatToolbarで誤認識を直し、文言を新しいコピーに打ち替える
コツ：長尺を丸ごと送るとbboxやフォント比率の精度が落ちます。帯ごとに範囲を区切って送ると、絶対座標がズレずに精度を保てます。文字色はVisionが読み取った色を反映（読めない箇所のみ黒に正規化）します。
商品カットの背景を除去して白背景・色背景の確認素材を作る
- 商品写真の画像レイヤーを1つだけ選択する
- ControlPanelの「背景を削除」を押す（@imgly WASMがブラウザ内で処理、1クレジット消費・サーバ送信なし、数十秒）
- 透過PNGが元画像の右隣（+24px・同サイズ）に新レイヤーで並ぶので、元と切り抜き精度を見比べる
- 下に図形ツールの矩形で白・ベージュ・くすみピンクなど地色を敷き、白背景（Amazonメイン用）と色背景（SNS用）の見え方をチェックする
コツ：元画像が残るので採用判断がしやすく、機密の商品画像を外部に送らずに試せます。Amazonメイン画像の白背景要件にもそのまま使えます。
縦長1枚のLP/A+をAI分割してセクション単位の素材バンクにする
- 既存の縦長LP/A+（1枚画像）を画像レイヤーとして配置し、1つだけ選択する（単一image選択時のみ「画像を分割」が有効）
- 「画像を分割」を押すとAIが視覚的な切れ目を検出し、CutAdjustmentOverlayに水平線を表示する
- 線をドラッグで微調整し、不要な線は消して確定すると、元画像が各セクションの独立レイヤーに置き換わり同位置に縦積みされる
- 各セクションをダブルクリックで「ファーストビュー」「成分訴求」「お客様の声」などと命名し、他媒体に流用する
コツ：確定はUndoで1枚に戻せます。元画像からクロップするので画質を保持したまま、SNSやA+へパーツ単位で転用できます。
支給PSDの「文字レイヤーだけ」残してコピーを高速に試作する
- 支給のLP/バナーPSDをキャンバスにドロップし、各レイヤーを展開する
- LayerPanelで画像レイヤーの目玉アイコンを押して非表示にし、テキストレイヤーだけ残す（複数選択で一括非表示も可）
- AIチャットに「この見出しをもっと刺さる表現に書き換えて」と入力し、提案を該当textLayerに反映する
- 採用前のtextLayerをCtrl/Cmd+Dで複製しておき、A案・B案を横に並べて見比べる
コツ：PSDのテキストが編集可能な文字レイヤーとして落ちるので、デザインを壊さず言い回しだけ差し替えられます。AIはジャンル・ブランドキットを文脈に持つため、薬機法トーンを踏まえた書き換えになります。
OCRで起こした文字を載せ替え、別サイズ・セール版を量産する
- 旧バナー/版のテキストをVision OCRで起こす、またはPSDのテキストレイヤーをそのまま使う
- 価格・キャンペーン文言のテキストレイヤーをダブルクリックして書き換える
- TextFormatToolbarでフォント・サイズ・色を既存トーンに合わせ、必要なら縦書き/横書きをトグルする
- 完成版をPNGで書き出して入稿素材にする
コツ：文字データを失った過去資産でも、OCRで起こせばコピーだけ差し替えた別サイズ展開やセール版が作れます。元画像を再表示すればトレース台としても使えます。
よくある質問
OCRで長い縦長画像を起こすと精度が落ちます。コツはありますか？
長尺を丸ごと送るとbboxやフォント比率の精度が落ちます。帯ごとに範囲を区切って送ると、座標がズレず精度を保てます。
背景除去で画像は外部に送られますか？
ブラウザ内（WASM）で処理が完結し、サーバには送信されません。1クレジットを消費します。元画像は残るので切り抜き精度を見比べられます。
PSDのフォルダ構造（グループ）は保持されますか？
非表示レイヤーは取り込まれず、フォルダはフラット展開されます（グループ保持は未対応）。テキストは編集できる文字レイヤーになります。