Asset Managerでの画像編集

Asset Managerでの画像編集がこれまでになく簡単になりました。URLやPhotoshopで画像を修正する必要はありません。Asset Managerを使用すると、画像をクロップ、スケール調整し、自動パラメータを設定できます。画像を編集した後、ウェブアプリケーションに埋め込むための画像URLをコピーするか、コンピュータに画像をローカルにダウンロードできます。

画像編集にアクセスするには、Asset Managerを開いて編集したい画像をクリックし、次に画像サムネイルをクリックします。

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

画像エディタ

画像エディタで行われた編集は元の画像には影響しません。 代わりに、このユーザーインターフェースで適用したオプションに従って画像を変換するURLが生成されます。

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

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

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

サイズとプロパティ

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

自動操作

imgixに画像を自動調整させるには、自動オプションのいずれかを使用します。以下のオプションが利用可能です：

• フォーマット：AVIFおよびWebPのブラウザサポートを検出して、Web向けに最適なフォーマットを提供します。
• 圧縮：画像圧縮を適用するために処理アルゴリズムを変更します。
• 強化：画像のプロパティを調整して、より鮮やかな画像を作成します。
• レッドアイ：検出された顔にレッドアイ除去を適用します。

クロッピングツール

ポイントアンドクリックユーザーインターフェイスを使用して、画像をクロップします。これはFocal Point Cropパラメーターを活用して、画像のクロップ方法を完全に制御することができます。

ポイントアンドクリッククロップオプションを開くには、Image TransformセクションのCropボタンをクリックします。画像の境界をドラッグしてクロップサイズを変更したり、クロップボックスをドラッグして画像内のクロップエリアを移動させることができます。

マウスホイールを使用してズームインまたはズームアウトしたり、右側の入力ボックスにクロップサイズを手動で設定することもできます。

画像のクロップが完了したら、Applyをクリックして変更を保存し、編集を続けます。

フィルツール

Fillツールは、クロップの代わりに画像の背景をぼかしで埋めることができるツールです。これは、画像のアスペクト比を維持しつつ、背景を色やぼかしで埋める必要がある場合に便利です。

プレミアムプランに加入している場合、Generative Fillを使用して、生成AIで背景を埋めることもできます。

オブジェクト除去

オブジェクト除去 のための画像編集は、Asset Manager の画像エディター内で行うことができます。オブジェクト除去 を使用すると、アセット内の不要なオブジェクトを除去してコンテンツを管理できます。オブジェクトを除去 ボタンを選択すると、不要なオブジェクトを除去するためのインターフェースが開きます。

オブジェクト除去 インターフェースに入ると、リムーバルボックスのリサイズやドラッグ操作で、オブジェクトの除去が設定されます。このプロセスを繰り返すことで、複数のオブジェクトを1つずつ除去することができます。

オブジェクトを復元 ボタンを選択すると、除去が不要な場合に元の画像に戻すことができます。

画像の編集が完了したら、保存して終了 をクリックすると編集内容が保存され、保存せずに終了 をクリックすると元の画像に戻ります。ここから、リサイズなどの以前の編集オプションに戻ることができます。