画像エディター

アセットマネージャーでの画像編集はこれまでになく簡単になりました。画像を修正するためにURLを操作したり、Photoshopを使用したりする必要はありません。アセットマネージャーでは、画像をトリミング、スケール変更、さらには自動パラメータを設定できます。画像の編集が完了したら、画像URLをコピーしてWebアプリケーションに埋め込むか、コンピュータにローカルでダウンロードすることができます。

画像編集にアクセスするには、アセットマネージャーを開き、編集したい画像をクリックしてから、画像のサムネイルをクリックします。

サムネイルをクリック

サムネイルをクリックすると、画像詳細ビューが表示されます。右上に2つのタブが表示されます。編集 タブをクリックして、画像エディター を開きます。

編集タブ

画像エディター

画像編集セクション

画像エディターでの編集は、元の画像には影響しません。 このツールで適用されたオプションに応じた画像変換URLが生成されます。

画像URLを取得するには、共有 -> URLをコピー をクリックします。この操作で、パラメータ付きのURLがクリップボードにコピーされます。このURLをWebアプリケーションに貼り付けて、編集した画像を表示できます。

https://fourbottle.imgix.net/2022-Fall/four-bottle-dalgona-coffee.jpg?w=4000&h=6000

または、共有 -> 画像をダウンロード をクリックして、画像をコンピュータにダウンロードすることもできます。 画像編集セクション

サイズとプロパティ

サイズとプロパティ セクションでは、画像のサイズを制御できます。ここでは、アスペクト比高さを指定できます。

サイズプロパティパネル

自動操作

imgixを使用して画像を自動的に調整するオプションがあります。利用可能なオプションは次のとおりです:

  • フォーマット:AVIFとWebPのブラウザサポートを検出し、Webに最適なフォーマットを提供します。
  • 圧縮:画像圧縮を適用します。
  • 強調:画像のプロパティを調整して、より鮮やかな画像を作成します。
  • 赤目除去:検出された顔に対して赤目除去を適用します。

自動操作パネル

クロッピングツール

画像をポイント&クリックのユーザーインターフェースを使用してトリミングします。これは、焦点トリミングパラメータを活用し、画像のトリミングを完全に制御できます。

画像変換セクションのトリミングボタンをクリックして、ポイント&クリックトリミングオプションを開きます。画像の境界をドラッグしてトリミングサイズを調整したり、トリミングボックスをドラッグしてトリミング領域を移動したりできます。

塗りつぶしツール

塗りつぶしツールは、背景をぼかしで埋めることでクロッピングの代替手段を提供します。このツールを使用することで、アスペクト比を維持しながら背景を色やぼかしで埋めることができます。

オブジェクト操作

画像エディタでオブジェクトを削除および置換することができます。オブジェクト除去を使用すると、アセット内の不要なオブジェクトを削除してコンテンツをコントロールでき、オブジェクト置換を使用すると、プロンプトを使用してオブジェクトを置換することができます。

オブジェクト除去

オブジェクト除去インターフェース

オブジェクト除去インターフェースでは、削除ボックスのサイズ変更およびドラッグによって、検出して削除するオブジェクトの領域を指定できます。このプロセスを繰り返すことで、複数のオブジェクトを一つずつ削除することが可能です。

オブジェクト除去サイズ変更ボックス

Restore Objectsボタンを選択すると、削除が不要な場合に画像を元の状態に戻すことができます。

オブジェクト除去オブジェクト復元

画像の編集後、Save and Exitをクリックすると編集内容が保存されます。Exit Without Savingをクリックすると、画像が元の状態に戻されます。ここから、サイズ変更などの以前の編集オプションに戻ることができます。

オブジェクト置換

画像エディタで置換するオブジェクトを選択

オブジェクト置換のUIはオブジェクト除去と非常に似ていますが、オブジェクト置換の提案を行うためのテキストベースのプロンプトネガティブプロンプトが特徴です。

オブジェクト削除

オブジェクト削除では、画像から不要なオブジェクトを削除することができます。

画像の編集が完了したら、保存して終了 をクリックして変更を保存するか、保存せずに終了 をクリックして元の状態に戻すことができます。