メインコンテンツにスキップ

Shopify(Webアプリ)で商品画像を編集する方法

C
対応者:Craig Wright

PhotoroomをShopifyストアに連携すると、2つのアプリ間で同期が行われます。同期が完了すると、Shopifyの商品がPhotoroomに表示されます。その後、Photoroomを使用して商品の追加、画像の追加、および既存の商品画像の編集を行うことができます。

この記事では、商品画像の編集方法と商品リストの改善方法について概要を説明します。編集の一般的なワークフローや、各種編集機能の場所についても解説します。

各編集機能の詳細な手順については、文末の「関連コンテンツ」にある記事をご覧ください。


手順(Webアプリ)

商品エディタで商品画像を編集するには:

  1. 編集の対象とする商品画像を選択します。

  2. Shopifyのサイドバー、サイドメニュー、右クリックメニュー、およびピルメニューのオプションを使用して、商品画像を追加・編集します(概要については以下のセクションを参照してください)。

  3. ストアに公開します。

Shopifyのサイドバーを使用して商品リストを改善する

Shopify サイドバーはデフォルトで表示され、商品リストの改善に役立つ機能が搭載されています。

Shopify サイドバーのオプションは以下の通りです:

  • 商品ページスコア:
    「商品掲載スコア」を活用して改善すべき点を特定しましょう
    ​

  • AIショットリスト:
    AIショットリストを使用して、代表的な商品画像のセットを生成します
    ​

  • タイトルと説明文:
    「タイトルと説明」を使用して、商品リストのタイトルや情報を改善します
    ​

  • SEOとメタデータ:
    「SEO」と「メタデータ」を使用して、SEOに最適化された画像ファイル名や代替テキストを編集または生成します
    ​

  • バリエーション:
    「バリエーション」機能を使用して、色やサイズの違いなど、商品の他のバリエーションに対応する画像を追加します。
    ​


サイドメニューのオプションを使用して、一般的な一括編集操作を実行します

サイドメニューのオプションには、サイズ変更、背景の変更、影効果の適用など、一括編集操作でよく使われる設定が含まれています。

サイドメニューのオプションは以下の通りです:

  • テンプレート:
    「テンプレート」を使用すると、保存済みのテンプレートを画像に適用できます
    ​

  • サイズ変更:
    「サイズ変更」を使用して、画像のアスペクト比を変更します
    ​

  • 配置:
    「配置」を使用して、位置や余白を変更します
    ​

  • 背景:
    「背景」を使用して、背景を色、画像、またはAI生成画像に変更します
    ​

  • AIシャドウ:
    「AIシャドウ」を使用すると、AI生成の影効果を適用できます

  • AIツール:
    「AIツール」を使用して、自社の衣料品を着用したAIファッションモデルや、リアルなシーンで商品を演出する「プロダクトステージング」など、AI生成画像を作成できます
    ​

  • 画像の追加:
    「画像を追加」を使用して、商品に追加の画像を追加します
    ​

  • Shopify:
    「Shopify」オプションを使用して、Shopifyのサイドバーにアクセスします
    ​

  • 使用方法:
    「使用方法」では、そのスペースで利用可能なAIクレジットやエクスポート機能に関する情報を提供します。
    ​


ピルメニューを使用して、個々の画像に変更を加えます

個々の画像を編集するためのオプションは、画像または画像上のレイヤーを選択した際に表示されるピルメニュー内にあります。たとえば、レイヤーのピルメニューには、明るさやコントラストの調整、ハイライトの追加、レイヤーのトリミングなどのオプションがあります。

重要:ピルメニューのオプションは、選択したレイヤーまたは画像ごとに異なります。たとえば、テキストレイヤーの場合はテキスト編集用のオプションが表示されますが、これはグラフィックレイヤーのピルメニューのオプションとは異なります。


複数の商品画像に同じ編集を適用する

商品画像に編集を加える際、Photoroomの設定により、その商品の他の画像にも同じ変更を適用させることができます。これは、各画像を手作業で順番に編集するよりも効率的です。

以下のいずれかの方法があります:

  • ピルメニューの「すべてに適用」を使用して、その商品のすべての画像に変更を反映させる
    ​

  • 右クリックして「編集内容をコピー/貼り付け」を使用し、1つの画像からの変更内容を選択した画像にコピーして貼り付ける。
    ​


    ​


右クリックのコンテキストメニューを使用して画像を管理します

商品画像を右クリックすると、画像を管理するためのオプションを含むコンテキストメニューが表示されます。

The product editor showing its side menu, shopify sidebar, and a grid of images for a single product

右クリックコンテキストメニューのオプションには、以下のものがあります:

  • コピー
    画像をデバイスのクリップボードにコピーします。
    ​

  • 貼り付け
    デバイスのクリップボードの内容をエディタに貼り付けます。
    ​

  • 編集内容のコピー/貼り付け
    ある画像に加えた編集内容をコピーし、別の画像に貼り付ける際に使用します。

  • 複製
    画像のコピーを作成します。
    ​

  • 削除
    商品から画像を削除します。なお、更新を公開するまでは、Shopifyから画像が削除されることはありませんのでご注意ください。
    ​

  • 新しいセクションを作成
    商品エディタに新しいセクションを追加します。
    ​

  • すべて選択
    すべての画像を選択します。
    ​

  • テンプレートとして保存
    現在の画像をテンプレートとして保存します。
    ​

  • ダウンロード
    商品画像を画像ファイルとしてエクスポートします。


公開

編集が完了したら、変更内容を公開してストアを更新してください。手順については、「Shopify(Webアプリ)への更新の公開」をご覧ください。

重要:編集内容は、公開するまで Shopify ストアには反映されません。


関連コンテンツ


こちらの回答で解決しましたか?