Shopifyの商品画像を一括編集ガイド

Shopifyの商品画像を一括編集する方法|サイズ・メディア・代替テキスト

Shopifyの一括画像編集には、画像の見た目を加工する、商品メディアを差し替える、代替テキストなどの情報を更新するという異なる作業があります。メディアエディターは開いている画像を編集し、商品一括編集、CSV、画像アプリはそれぞれ別の役割を担います。ストア全体を変更する前に、目的に合う方法を選びましょう。

まず知りたい方へ
  • 開いている画像の加工にはメディアエディターを使います。表形式の商品一括エディターですべての画像を一括トリミングできるわけではありません。
  • 商品画像の見た目をまとめて変更するには、対応アプリか、別の一括編集ツールで元ファイルを加工し、出力後にアップロード・商品への関連付けを行います。
  • UniConverterはローカル画像を加工するツールです。Shopifyへのログイン、商品情報の更新、ストアへのアップロードは行いません。
UniConverterデスクトップ版:

UniConverter Windows版

UniConverter Mac版

UniConverter 一括画像編集
画像URLアクションを持つ Shopifyファイルページ
準備出力・納品条件を決める
試すサンプルで確認する
保持元ファイルを残す
確認出力を確認する

Shopifyの画像を一括更新する方法を選ぶ

元ファイル、必要な加工、出力先に合わせて方法を選びます。共通設定を使う場合も、対象のファイル全体に適していることが重要です。

目的の作業
選択肢Shopify管理者またはアプリ
選択肢地元のイメージ作成
トリミングまたはサイズ変更
✓メディアエディタで画像を開く。アプリベースの大量行動は、インストールされたアプリに依存します。
バッチ画像作業画面で一貫したローカルコレクションを準備する。
オルタントテキスト
✓関連する管理者またはサポートされている CSV 操作手順で画像情報を編集します。
ピクセル編集は Shopify altテキストフィールドを生成したり同期したりしません。
画像交換
✓新しい画像をアップロードしたり参照したりして正しい製品と関連付けます。
製品マッピングを簡単に閲覧できるファイル名とフォルダを書き出しする。
継続中の自動化
✓アプリの権限、サポートされたアクション、ロールバックオプションをレビューします。
時折のカタログ更新のために制御された書き出し・アップロード処理を使用します。
選び方の目安:
まず元のソフトやクラウドサービスから素材を用意します。ローカル画像の加工をUniConverterで行い、出力後のアップロードや関連付けは別途行ってください。
UniConverterの操作手順を見る

Shopifyの商品画像を加工・更新する方法

カタログデータからピクセル変更を分離する。成功したローカルサイズ変更には Shopify で意図的な製品メディア更新が必要です。

画像加工・画像の差し替え・代替テキストを区別する

まず少数の商品で、商品・バリエーション・画像順序・ファイル名・必要な編集を整理します。リサイズは画素を変更する作業、画像の差し替えは商品のメディアとの関連付けを変更する作業、代替テキストは画像の内容を説明する情報の編集です。

  • 画像のオルタントテキストを1つの一般的なフレーズで書き換えてはいけません。
  • 製品またはバリエーションと新しい出力ファイルとの間のマッピングを保持します。
  • 作業が一度の更新なのか、それとも自動化アプリをインストールする必要があるか判断する。
Shopify CSV製品ハンドルマッピング例

メディアエディターで個別に調整する

商品のメディア、または[コンテンツ]→[ファイル]から対象を開き、画像編集へ進みます。使えるトリミング、サイズ変更、向き、背景などのツールで編集し、保存してください。縦横比をそろえると商品一覧を整えやすくなりますが、商品自体の見える大きさまで統一されるとは限りません。

  • 総ピクセル数だけではなく、製品の幅とフレームを検証する。
  • 変更後、デスクトップとモバイルで店面テーマを確認してください。
  • ほとんどのファイルがバッチとして作成された場合でも例外としてネイティブ編集を使用します。
アップロードされた製品画像管理のための Shopifyファイルページ

アプリまたはCSVを使った更新手順を選ぶ

ストア全体で繰り返す加工には、商品一覧と連携する画像アプリも選択肢です。実行前に対象範囲を確認してください。商品CSVで画像URLや代替テキストを管理できても、CSVが画像の画素をトリミング・リサイズするわけではありません。サンプルを書き出し、商品識別情報を維持して作業します。

  • CSVインポートが要求する場合、公開アクセス可能な画像URLを使用します。
  • 商品関連と画像順序を最初に小規模読み込みで確認します
  • メディアを製品ごとに交換する前に、カタログデータと元データ写真のバックアップを保持します。

小型のサンプルでレビュー識別子、画像URL、順序、変異関係読み込みまたは交換処理を繰り返す前にマッピングを修正する。

Shopify製品 CSV イメージ Src参照

画像をUniConverterで一括加工する

[一括画像編集]では、対応するローカル画像を別途加工できます。画像を追加し、必要な編集を選び、例外を確認して[すべてエクスポート]で書き出します。クラウドの管理、商品への関連付け、スライドへの挿入は別の作業です。

  • 関連する画像やフォルダーを同じプロジェクトへ追加します。
  • 出力先で必要な編集だけを選びます。
  • 縦向き・横向きの画像や、小さな元画像を個別に確認します。
  • 元画像を残し、以下のUniConverterの手順に沿って処理します。

元画像を残し、書き出したコピーを納品に使います。以下はUniConverterの[一括画像編集]を使う独立した手順です。

UniConverter バッチ画像編集器

一括更新を始める前の確認事項

「一括」という言葉だけで判断せず、結果に影響する設定を確認します。試す間は、元ファイルと出力先を明確に分けてください。

Shopifyの商品画像を更新する際の設定

操作、対象範囲、出力条件をそろえるための確認項目です。

操作の設定と結果の確認
設定・判断する項目設定の役割結果の確認
アスペクト比画像の形を定義しますコレクションのレイアウトを一致させ、製品辺を保護します。
ピクセルサイズ実際の画像サイズを判定する大きい数値に匹敵するために小さな源を拡大するのを避ける。
画像URLと関連性カタログ記録に画像を接続する。商品またはバリエーションマッピングをアップロード/インポート後確認する。
オルタントテキスト画像内容を記述する。意味のある記述を用い、ピクセル編集によって独立して見直す。

参考資料: Shopifyメディア編集者とShopify製品 CSVガイド.

設定出力活用例出力・納品

元ファイルを残し、実際の利用先で結果を確認します。処理の完了だけでは、すべてのファイルに同じ設定が適しているとは判断できません。

一括処理が役立つ場面

目的が共通する画像をまとめ、元の状態や出力条件が異なるものを確認します。

商品カタログの更新

製品マッピングとストアフロントの結果をレビューする

バリエーション別の商品写真

交換中に正しい変数と関連付けられる色や角度画像を保持します。

コレクション画像の統一

共有比率と一貫したマーージンを選択し、主題の自作行動を調べる。

季節の販促デザイン

複製作業を行い、透かしや背景処理が各製品に適しているかどうかを確認します。

よくある問題と対処法

全件をやり直す前に、代表的なサンプルで設定の問題を切り分けます。元ファイルを残し、再処理できるようにします。

01

ローカル画像は正しいが店はまだ不一致だ

テーマの画像対応設定、焦点、製品比例、キャッシュされたプレゼンテーションを確認します。ファイルサイズを合わせただけでは店舗前のトリミングをすべて制御することはできません
チェック 1チェック 1
02

CSV アップデートでデータが変更されましたが、画像の外観は変わりませんでした

CSV画像フィールドは参照と情報を管理する。画像ファイルまたはその操作を提供するアプリを通じて実際のトリミング、サイズ変更、または背景編集を実行します。
チェック2チェック2
03

画像は間違った製品に付いている

小型のサンプルでレビュー識別子、画像URL、順序、変異関係読み込みまたは交換処理を繰り返す前にマッピングを修正する。
チェック 3チェック 3

元のソフトの操作は各社の公式資料、別途行うUniConverterの操作は製品ガイドで確認してください。

Shopifyの一括画像編集でよくある質問

01

商品の一括エディターで画像をリサイズできますか?

商品の一括エディターは、対応する商品・バリエーション項目を変更する機能です。画像そのものを加工するには、メディアエディター、対応アプリ、またはローカルの一括画像編集を使います。
できません。CSVは対応する商品情報や画像の参照先を更新するもので、画像を切り抜く処理は行いません。画像ファイルを先に加工するか、画像編集アプリを使ってください。
商品CSVの対応する代替テキスト項目などを利用できます。商品と画像の関連付けを確認し、すべてに同じ文章を入れるのではなく、それぞれの画像を具体的に説明してください。
テーマや掲載場所に合う寸法・比率を選びます。異なる写真を無理に引き伸ばすより、比率と構図をそろえることが大切です。
この手順はローカル画像の加工です。Shopifyへの認証やカタログの自動更新は行わないため、完成した画像をShopifyからアップロード・関連付けしてください。
元画像とカタログのバックアップを残し、少数の商品で試します。ファイル名と商品の対応を管理し、パソコン・スマホのストア表示を確認してから対象を広げましょう。
16vc

UniConverterでShopify用の画像を準備する

元ファイルを残し、[一括画像編集]で必要な画像を追加します。出力先に合う設定を選び、サンプルを確認してから納品用のコピーを書き出します。

UniConverter でローカル画像コレクションを書き出しする
UniConverter
UniConverter - オンライン版
オンラインで動画/音声/画像変換
無料でお試し 無料でお試し
ページが見つかりませんでした | Wondershare UniConverter
UniConverter
UniConverter - オンライン版
オンラインで動画/音声/画像変換
無料でお試し 無料でお試し