Shopify画像の最適化は、原本を残し、表示に必要な寸法と画質、実際の配信量を比べて進めます。自動変換と追加圧縮の違い、TinyPNGの使い方、細部の劣化とページ性能の確認を整理し、一律の容量や順位改善を保証しない手順を解説します。
最初に重いページと原因を測る
商品詳細、一覧、トップ等を同じ端末と条件で測り、画像、アプリ、動画等の負担を確認します。遅さの原因が必ず画像とは限らず、無根拠な離脱率の数字で判断しません。掲載画像の大きさだけでなく、そのページで実際に読み込まれる画像と数、表示への影響を確認します。
アップロード仕様と掲載に必要な大きさを分ける
公式の商品・コレクション画像仕様は最大5000×5000pxまたは25メガピクセル、ファイルは20MB未満です。これは全画像を上限まで大きくすべきという意味ではありません。表示領域、拡大、縦横比と必要な細部から寸法を決め、正方形の2048pxという目安も用途に合わせて評価します。
Shopifyの自動配信と原稿画像を区別する
Shopifyは利用する端末等に合う形式やサイズを生成して配信します。そのためアップロードしたファイル容量と、一覧で実際に転送される容量は同じとは限りません。すべて手動でWebPへ変換する、JPEGだけが常に最適と決めず、テーマの表示と実際の配信結果を確認してください。
原本を複製して少数の画像から圧縮する
撮影・編集原本を保存し、一覧、細部、透過画像など代表的な画像を複製して試します。寸法の調整と圧縮は別に比較し、何を変えたかを記録します。すべてを200KB以下にすれば合格とはせず、商品の素材、細かい文字、色、拡大時に必要な情報が残るかで判断します。
TinyPNGは非可逆圧縮であることを理解する
TinyPNGの公式説明は、データを減らす非可逆の手法を使うとしています。元と完全一致する無劣化圧縮とは案内しません。アップロード・圧縮後のファイルを原本と比べ、現在の無料枠と対応形式を確認します。外部へ送信する画像は、権利や未公開・個人情報の扱いも確認してください。
一括アプリは対象と復旧・費用を確認する
アプリで自動処理する場合は、対象画像、既存・新規の範囲、圧縮方式、原本保持、復元、処理上限と料金を確認します。ALTやファイル名まで機械的に変える機能がある場合は、既存参照と説明が壊れないかを試します。少数で確認してから広げ、二重圧縮を繰り返さないようにします。
公開後は画質と実利用データを両方見る
一覧と拡大、バリエーション切替、透過、色をPC・スマートフォンで確認します。Shopifyの実利用データは反映に時間がかかるため、公開直後の試験と継続的な性能を分けて評価します。容量が減っただけで順位や売上の改善と報告せず、画質・表示と実測の結果を記録してください。
導入前の確認事項
- ページと画像以外の負担を測る
- 上限と必要な寸法・配信量を区別する
- 原本を複製して比較する
- 非可逆圧縮と細部・色を確認する
- 一括範囲・費用・復旧と公開実測を確認する
公式資料・関連記事
関連記事：Shopifyの商品写真｜必要なカットと撮影・公開の手順、商品写真の質感を伝える光・ピントと説明の作り方、商品数が多いShopifyストアのテーマ比較。
運用設計や確認項目の整理は、現在の業務と対象URLを添えて株式会社AOへご相談ください。
公式資料の確認日：2026年11月2日。記入例や手順は編集上の提案で、導入成果を保証するものではありません。
コメント