Asset Managerでの画像編集

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

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

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

画像エディタ

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

リンクアイコン (🔗) をクリックすると、URLがクリップボードにコピーされます。上のスクリーンショットに基づく例はこちらです：

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

ダウンロードアイコンをクリックすると、そのバージョンの画像をデバイスに保存するよう求められます：

サイズとプロパティ

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

自動操作

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

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

クロッピングツール

Focal Point Cropを使用して画像をクロップします。有効にすると、焦点点クロップのコントロールが表示されます。利用可能なオプションは以下の通りです：

• fp-x：画像の焦点の水平またはx値。
• fp-y：画像の焦点の垂直またはy値。
• debug：画像に焦点点が設定されている場所を示すクロスヘアオーバーレイを表示します。
• fp-z：画像の焦点のズームまたはz次元値。