1. 処理タスクの作成

クリッピングパスのレンディションタスクを作成する

日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

クリッピングパスとは、写真編集ソフトを使ってベクトルパスを作成する手法です。これにより、画像から背景を非破壊的な方法で削除できます。

写真編集ソフトウェアでベクター ファイルのクリッピング パスを作成すると、レンディションとして使用可能なクリッピング パスを使用して、そのファイルをSitecore Content Hubにインポートできます。レンディションをEntity renditionsコンポーネントに表示するには、対応するエンティティ定義 ( M.Assetなど) に対してそのコンポーネントを設定する必要があります

メモ

クリッピングパスを作成するには、さまざまな方法があります。次の手順では、Adobe Photoshopで使用するパスを例に説明します。

手記

Content Hubを設定するには、スーパーユーザーであるか、ユーザーグループポリシーを通じて必要な権限が付与されている必要があります。

クリッピングパスのレンディションタスクを作成するには:

  1. メニュー バーで、Manage cog icon をクリックします。

  2. Manageページで、「Media processing」をクリックします。

  3. Media processingページで、Contentセットを選択し、「Vectors」をクリックします。

  4. Vectorsフローで、次の設定で新しいConvert imageタスクを追加します

    • Content type - image/png

    • Content disposition - Inline

    • Resize option - Only shrink if larger.サイズ変更オプションOnly shrink if largerOnly shrink if smallerResize for cropでは、幅と高さの値を定義する必要があります。

    • Target extension - png

    • Width (px) - 1600

    • Height (px) - 900

    • Multi-page -解除

    • Clipping path - Photoshopのクリッピングパスの名前(例: OurNewClippingPath残りのパラメーターは、必要に応じて設定することも、不要な場合は無視することもできます。

  5. 出力を保存し 、レンディションリンクを作成します。

  6. タスクと処理フローを保存します。

  7. Publishをクリックして、変更を公開します。

手記

処理タスクの作成方法の詳細については、「 処理タスクの作成」を参照してください。

レンディションタスクを作成した後、タスクに割り当てられたClipping pathと同じ名前を使用してPhotoshopでクリッピングパスを作成できます

前の例で作成したクリッピングパスをテストするには、次のようにします。

クリップされたパスは、背景が削除された状態で表示されるはずです。代わりにOriginalをダウンロードして開くと、画像はクリッピングパスだけでなく背景とともに表示されます。

この記事を改善するための提案がある場合は、 お知らせください!