NEWGPT Image 2.5が登場 — 手戻りを減らして、集中的な編集を。

GPT Image 2.5をぜひお試しください

ImageToLayers for Chrome

Chrome拡張機能で、画像を編集可能なレイヤーに変換

Web上の画像を右クリックして、ImageToLayersサイドパネルへ送信。認識された被写体、オブジェクト、背景を分離し、生成されたレイヤーを確認して、対応する形式でダウンロードできます。

AI処理にはクレジットが必要です。拡張機能上で、開始前にアカウント残高と適用されるコストが表示されます。

Chromeウェブストアの公開準備中です。それまでの間、ImageToLayersの全ワークフローをオンラインでご利用いただけます。

ImageToLayers Chrome拡張機能のワークフロープレビュー。Web画像を選択し、右クリックメニューからサイドパネルでレイヤーリストを表示する様子。
拡張機能のワークフロープレビュー。レイヤー数や分離結果は画像によって異なります。

実際のレイヤー分離事例

1枚の画像から、編集可能な複数の要素へ。

ImageToLayersで生成された写真の事例を探索し、個別のラスターアセットを確認してみてください。「Lifestyle Serum」の事例では9つのレイヤーに分離されており、「Studio Skincare」の事例もご覧いただけます。

画像分離の仕組みをご覧ください

画像内の視覚要素を個別のレイヤーに分離し、その背後に隠れた背景を再構築します。

Select Sample:
1024 × 1024 px · 9 Isolated Layers
ImageToLayers Studio9 Layers Decomposed
Interactive Layer Hotspots
Click any object frame or right-side card to inspect layer details.
Separated Layer Assets9 Cutouts
Protected
Clean Alpha MaskZero fringe edges
Occlusion InpaintingHidden areas filled
PSD & PNG ExportFull fidelity layers

Layer Hierarchy

9/9
AURA serum bottle08

AURA serum bottle

Product·Z:8

Frosted clear serum bottle with black dropper cap and AURA typography, presented as a standalone product.

BBox: [437, 263, 150, 483]·327 × 1055 px
Stone display stand07

Stone display stand

Prop·Z:7
White ceramic bowl06

White ceramic bowl

Prop·Z:6
Rolled waffle towel05

Rolled waffle towel

Prop·Z:5
Metal faucet04

Metal faucet

Prop·Z:4
Monstera leaf03

Monstera leaf

Foliage·Z:3
Beige ceramic cup02

Beige ceramic cup

Prop·Z:2
Circular window decor01

Circular window decor

Prop·Z:1
Inpainted background00

Inpainted background

Background·Z:0
一般的な背景除去ツールは、被写体を切り抜き、背景を透明にするだけです。ImageToLayersは、被写体の背後に隠れた領域も再構築するため、編集や合成に利用できる完全なアセットを提供します。

最終レイヤー

単なる背景除去を超えて

一般的な背景除去ツールは、被写体を切り抜き、背景を透明にするだけです。ImageToLayersは、被写体の背後に隠れた領域も再構築するため、編集や合成に利用できる完全なアセットを提供します。

ほとんどの画像は60〜120秒で処理されます。

これらのインタラクティブな事例は、ImageToLayers Webサービスによる生成結果を示したものです。特定のChrome拡張機能の操作によって独立して検証された出力結果として提示されているものではありません。

ブラウジングから制作へ

選んだ画像からスタート

拡張機能がブラウザ上の入り口となり、ImageToLayersサービスがAI処理、レイヤー確認、およびエクスポートを処理します。

  1. 01

    Web画像を選択

    処理したい画像を右クリックし、コンテキストメニューから「ImageToLayers」を選択します。

  2. 02

    サイドパネルを開く

    選択した画像がChromeのサイドパネルに送信されます。ジョブを開始する前に、パネル上で画像を確認できます。

  3. 03

    レイヤーを生成・確認

    ImageToLayersアカウントとクレジットを使用してレイヤーを生成し、結果を確認してレイヤーの表示/非表示を切り替えます。

  4. 04

    ダウンロードまたは編集を継続

    透明なPNGレイヤーをZIP形式でダウンロードします。対象の有料プランでは、レイヤー分けされたPSD形式でのダウンロードも可能です。

この拡張機能は、選択した画像のみを処理します。ページ内のすべての画像を収集したり、閲覧履歴を読み取ったりすることはありません。インストール前に、Chromeの権限プロンプトおよび拡張機能のプライバシー詳細をご確認ください。

ブラウジングから制作へ

ブラウジング中に役立つ画像を見つけましたか?

画像の使用権がある場合、手作業でオブジェクトを切り抜く代わりに、選択した画像を直接レイヤー分離ワークフローへ送信できます。

  • 所有している製品画像を再利用する
  • フラット化されたデザインを修正用に準備する
  • 完成したイラストを素材として活用する
  • AI生成されたアートワークを要素ごとに分離する
  • 元のPSDファイルがない画像から作業を開始する

レイヤーの有用性

画像を保存するだけでは不十分。レイヤーなら、より高度な制御が可能。

ダウンロードしたJPG、PNG、WebPは通常1枚のフラットな画像ですが、ImageToLayersサービスを使えば、認識可能なオブジェクト、前景の詳細、背景領域を個別のラスターアセットとして分離できます。

  • 合成結果を確認する
  • 個々のレイヤーの表示を切り替える
  • 分離された画像アセットをダウンロードする
  • エクスポートしたレイヤーをさらに編集する
  • 再構築可能な背景を利用する

AIによる画像レイヤー分離

必要な要素だけを抽出して作業。

サービスが画像を解析し、視覚的に認識可能な要素を分離します。すべてのオブジェクトが独立したレイヤーになるとは限らず、一部の結果には手動での修正が必要な場合があります。

  • 主要な人物、製品、キャラクター
  • 認識可能な小道具やサブオブジェクト
  • 適切な前景要素
  • 背景アセットおよびAIが推定した隠れた領域

クリエイティブなワークフローのために

編集を続けたい画像のための、唯一の入り口。

デザインの修正、Eコマースのキャンペーン、AIアート、イラストなどは、多くの場合フラット化された画像から始まります。この拡張機能は、ChromeでのワークフローとImageToLayersサービスをシームレスにつなぎます。

  • 製品写真やEコマース用バナー
  • AI生成されたイラストやモックアップ
  • キャラクター、小道具、シーンアート
  • マーケティング用グラフィックや別レイアウトの検討
  • 編集許可を得ているクライアントの画像

ブラウザの枠を超えて

レイヤーを確認し、最適な形式でエクスポート。

拡張機能のサイドパネルでは、分離されたアセットの確認や、透明なPNG形式でのZIPダウンロードが可能です。対象の有料プランでは、レイヤー分けされたPSD形式でのダウンロードも提供しています。Webワークスペースに移動すれば、さらに詳細な編集も可能です。

  • 透明なPNGレイヤーアセット
  • 生成されたレイヤーのZIPダウンロード
  • 対象プランでのレイヤー分けされたPSDダウンロード
  • サイドパネルでのレイヤー表示制御
  • Webワークスペースでのオンライン編集とエクスポート

出力結果について

新しいラスターレイヤーであり、元のデザインソースではありません。

AIは表示されているコンテンツを解釈し、新しいラスターレイヤーを作成します。元のデザインファイルを復元したり、ネイティブな編集可能オブジェクトを再構築したりするものではありません。

  • 元のPhotoshopの履歴、マスク、レイヤー関係は復元されません
  • テキストは編集可能なフォントではなく、画像ピクセルとして扱われます
  • 元のベクターパスやスマートオブジェクトは再構築されません
  • 隠れていた背景領域はAIによる推定値です
  • 境界線や重なり合うオブジェクトには手動の修正が必要な場合があります

権限と画像の権利

選択した画像のみを処理。

この拡張機能は、Chromeのコンテキストメニューとサイドパネル機能を使用して、選択した画像に対してのみ動作します。マニフェストではsidePanel、contextMenus、storageの権限と、ImageToLayersおよびそのアップロードストレージへのホストアクセスを要求します。閲覧履歴やページ全体へのアクセスは要求しません。

  • Chromeのインストール権限プロンプトを確認する
  • 所有権がある、または使用許可を得ている画像のみを処理する
  • AI生成はクレジットベースです。処理前に表示されるコストを確認してください
  • 商用利用やクライアントへの納品前に、生成されたレイヤーを確認する

対象ユーザー

ビジュアル制作の便利な出発点

グラフィックデザイナー

フラットな画像でプロジェクトが届いた際、編集可能な状態から作業を開始できます。

Eコマース販売者

編集権限のある製品画像や関連オブジェクトを、新しい構成で再利用できます。

AI画像クリエイター

完成した画像から被写体や背景要素を分離し、制作を継続できます。

マーケティングチーム

キャンペーンのビジュアルに合った画像から、別のレイアウトを検討できます。

デジタルアーティスト

キャラクターやイラスト、シーン要素を分離し、ラスター編集の準備を整えられます。

フリーランサー

元のレイヤーデータがないクライアント提供の画像ファイルから作業を進められます。

よくある質問

ImageToLayers Chrome拡張機能とは何ですか?

Web上の画像をImageToLayersサイドパネルへ送信できるChrome用コンパニオンツールです。AIによるレイヤー生成、確認、およびエクスポート機能を提供します。

ImageToLayersは何に使えますか?

適切な画像から、製品、人物、オブジェクト、キャラクター、前景、背景などの認識可能な要素を新しいラスターレイヤーとして分離できます。

Chrome拡張機能のインストール方法は?

Chromeウェブストアのリンクが公開されたら、このページの「Chromeに追加」ボタンからインストールしてください。ボタンが表示されていない場合は準備中ですので、ImageToLayersのWebサイトをご利用ください。

拡張機能なしでImageToLayersを使えますか?

はい。ImageToLayersのWebサイトから、画像のアップロード、AIレイヤー分離、結果の確認、編集、エクスポートの全ワークフローを直接ご利用いただけます。

Webページから直接画像を選択できますか?

はい。拡張機能がコンテキストメニューにアクションを追加します。画像を右クリックして「ImageToLayers」を選択すると、サイドパネルに送信されます。

ページ内のすべての画像を自動的にダウンロードしますか?

いいえ。コンテキストメニューから明示的に選択した画像に対してのみ動作します。ページ内の画像を自動的に収集することはありません。

画像を複数のレイヤーに分割できますか?

はい。認識可能な複数の視覚要素をラスターレイヤーとして分離できます。レイヤーの数やグループ化は、元の画像と処理結果によって異なります。

背景削除ツールとは何が違いますか?

背景削除は通常、被写体を1つ切り抜くものですが、ImageToLayersは複数の要素を分離し、可能な場合は背景アセットも生成します。

拡張機能からレイヤー分けされたPSDをダウンロードできますか?

対象の有料プランでは、レイヤー分けされたPSDのダウンロードが可能です。また、サイドパネルからPNGレイヤーをZIP形式でダウンロードすることもできます。

透明なPNGレイヤーを取得できますか?

はい。生成された透明なPNGレイヤーをZIPパッケージとしてダウンロードできます。

AI生成画像にも使えますか?

はい。使用権のあるWeb画像、またはローカルからドラッグ&ドロップした画像に対して、新しいラスターレイヤーを生成できます。

人物やキャラクターを分離できますか?

はい。認識可能な人物やキャラクターを分離できます。ただし、重なりや髪の毛、透明な素材、細かいディテールなどは追加の修正が必要になる場合があります。

生成されたレイヤーをPhotoshopで使えますか?

はい。対象の有料プランではPSD形式でダウンロードでき、ZIP形式のPNGレイヤーも画像編集ソフトで開くことができます。

エクスポートした画像をFigmaやCanvaで使えますか?

PNGアセットを対応するアプリケーションにインポートできます。これはファイルベースのワークフローであり、FigmaやCanvaへの直接統合ではありません。

生成されたレイヤーに編集可能なテキストは含まれますか?

いいえ。画像内のテキストはラスターピクセルとして扱われ、元のフォント情報を持つ編集可能なテキストとしては復元されません。

オブジェクトの背後の背景を再構築できますか?

はい。隠れた背景領域を再構築しようと試みます。これらはAIによる推定値であり、元のピクセルではないため、確認が必要です。

ImageToLayersの料金は?

AI生成はクレジットベースです。拡張機能上で残高と処理コストを確認できます。PSDダウンロードには対象の有料プランが必要です。

拡張機能はどのような権限を要求しますか?

sidePanel、contextMenus、storageの権限と、ImageToLayersおよびそのアップロードストレージへのホストアクセスを要求します。これらはサイドパネルの表示や画像処理のために使用されます。

オンラインで見つけた画像を商用プロジェクトに使えますか?

必要な権利や許可がある場合にのみ可能です。Webサイト上の画像を見つけたからといって、それを修正、再配布、商用利用する権利が自動的に与えられるわけではありません。

AIが完璧に分離できなかった場合は?

結果は画像によって異なります。サイドパネルでレイヤーを確認し、Webワークスペースの編集ツールで調整してください。画像によっては手動修正や別の手法が必要な場合があります。

関連するImageToLayersツール

最適な画像ワークフローを継続する

Image to Layers

統合された画像を、個別に編集可能なラスター要素へと変換します。

ツールを開く

Image to PSD

対応画像から、レイヤー構造を持つ新しいPhotoshopドキュメントを作成します。

ツールを開く

AI Generated Image to Layers

完成したAI生成アートから、被写体、オブジェクト、背景をそれぞれ抽出・準備します。

ツールを開く

Product Photo to Layers

製品写真から、製品本体、小道具、背景を個別のレイヤーに分離します。

ツールを開く

Illustration to Layers

完成したイラストから、キャラクターや背景要素を個別に切り出し、編集可能な状態にします。

ツールを開く

次の画像を見つけて、可能性を広げよう。

ブラウジングとAIレイヤー分離を連携させ、デザインに必要なラスターアセットをエクスポートしましょう。

Chromeウェブストアのボタンは、公式の公開URLが設定されている場合にのみ表示されます。AI処理にはクレジットが必要で、ワークスペースにて生成前にコストが表示されます。