Shopify製品画像ノーマライザー
Shopifyはサイズで販売サイトのように拒否しません — ただ静かに解像度を下げ、幅と高さの比が一致しないせいでコレクションページが乱雑に見えるようになります。2048pxの正方形のマスター画像と商品間で一貫した形こそが、Shopifyのズームとグリッドが期待するものです。この無料ツールは、Shopifyのメディア仕様と照らして画像を読み込み、きれいな正方形を書き出します。アップロード不要、ウォーターマークなし。
商品画像をここにドラッグするか、クリックして選択
ニュートラル背景 · 正方形 · 2048px / 20MB · 100% ブラウザ内
このツールがチェックするもの
このツールは、Shopifyが公開している製品メディア要件と照らして画像を読み込み、数値を表示 — その後その場で正規化します。すべてブラウザ内で完了:
- ニュートラルな背景。Shopifyは商品間で一貫した清潔な背景を推奨し、コレクションページを統一感のある見た目にします。透明PNGに対応しています。
- 正方形、2048px。正方形の製品写真は 2048x2048px で最も美しく表示されます。Shopifyのズームは 800x800px 以上で機能します。
- 一貫した縦横比。すべての製品写真を同じ形に保ち、コレクションページと製品ページがきれいに並ぶようにします。
- フォーマットとファイルサイズ。JPEGまたはPNGをエクスポートします。Shopifyは最大20MBと5000x5000pxを受け入れます。
- 信頼度。 解析の確実性を知らせ、自分で目視確認すべきタイミングを把握できます。
アカウント不要、アップロード不要、ウォーターマークなし。画像データは端末から一切外に出ません。
あなたの画像は決してブラウザから離れません
- アップロードなし、クラウド API なし、CDN の往復なし。すべての処理は Canvas と Web Worker を使ってローカルで実行されます。
- 初回使用時に独自のJavaScriptのみを取得します（`listing.js` / `jszip`）。これはコードを読み込むだけで、画像をアップロードするわけではありません。
- Cookie なし、トラッキングなし。CDN エッジの分析（Cloudflare、ページ内スクリプトゼロ）のみです。ブラウザの Network タブでご自身で確認できます。
このツールができないこと
- Shopifyのチャネル審査への通過は保証しません。技術的属性のみを検査します。
- 非白背景のAI除去は行いません。 既存の白（または白に近い）背景を純白に正規化します。
- 低解像度画像のアップスケールは行いません。（拡大してもピクセルが柔らかくなるだけです。）
- テキスト／ロゴのコンプライアンスは追加・検出しません。
- 白背景正規化、正方形パディング、EXIF除去以外の商品への変更は行いません。
Shopifyが公開している製品メディア要件に基づきます（最終確認日 2026-10-25）。常にShopifyヘルプセンターでご確認ください。
要件の一覧
Shopifyはマスター画像からサイズを再生成するので、1枚の高解像度正方形がすべての配置をカバーします。一貫性はいずれかの単一サイズより重要です。
| 仕様 | Shopify 要件 |
|---|---|
| 推奨サイズ | 2048x2048px（正方形） |
| ズームのしきい値 | 800x800px 以上 |
| 最大サイズ | 5000x5000px / 20MB |
| 背景 | ニュートラル；透明PNGに対応 |
| フォーマット | PNG, JPEG, TIFF, BMP, GIF, SVG, HEIC, WebP |
| 縦横比 | 商品間で一貫 |
| テーマの切り抜き | image_urlの既定はcrop: center |
Shopifyは画像を審査しない — トリミングするのはテーマです
Shopifyにはマーケットプレイスの審査がないため、公開前に写真を却下するものはありません。制約は別のところから来ます。テーマがCDNに特定の切り抜きを要求し、コレクションのグリッドが画像を並べて比較し、Google・Meta・TikTokといった販売チャネルはどれも同じファイルを取得して独自のルールを当てます。本当の仕様は、販売している中で最も厳しいチャネルのものです。
残る範囲を決めるのはcropパラメータ
Liquidのimage_urlフィルタはcropにtop、center、bottom、left、rightを指定でき、既定はcenterです。要求した幅と高さが元画像と違う比率になると、テーマはその帯だけを残して他を捨てます。下寄りの商品は正方形タイルで下部を失い、背の高い商品の横長写真は両端を失います。crop: 'region'とcrop_left・crop_top・crop_width・crop_heightを使えば、帯ではなく正確な範囲をテーマに指定できます。
CDNは縮小しかしない、拡大は絶対にしない
image_urlは幅と高さを最大5760pxまで受け付け、ドキュメントは明快です。画像は元の寸法より大きくリサイズされることはありません。800pxのファイルを上げて2048pxを要求しても、返るのは800pxです。だからエクスポートよりマスターが重要です。2048x2048の正方形マスターならテーマ最大の配置を覆い、Retinaディスプレイの余裕も残ります。バリアントは配置ごとに要求されるので、1回のアップロードでストア全体を賄えます。
形式変換は一方向だけ
formatパラメータが受け付けるのはjpgとpjpgだけで、Shopifyが変換できるのはpng→jpg、png→pjpg、jpg→pjpgの三方向のみで、逆はありません。JPEGから透明PNGをCDNに作らせることはできません。qualityは10〜90で、省略するとShopifyが出力形式に応じて選びます。pad_colorはhex3またはhex6を受け付け、切り抜く代わりに余白を足します。正方形タイルで商品を切ってはいけないときの選択肢です。
よくある質問
Shopifyはなぜ2048pxなのですか？
Shopifyは正方形の製品写真に2048x2048pxを推奨しています。表示が最も美しく、ズーム機能（800x800px以上で動作）も動かせます。Shopifyはマスター画像からより小さいサイズを自動生成します。
透明なPNGは使えますか？
はい — Shopifyは製品写真に透明PNGを使えます。これは一部のマーケットプレイスとは異なります。透明をそのまま残すか、白に平面化するか、モード設定で選択できます。
縦横比を一貫させる理由は？
Shopifyのコレクションページは画像を並べて配置します。形が揃わないと不揃いに見えます。一貫した正方形（または統一）の形がグリッドをきれいに保ちます。
ファイルサイズに制限はありますか？
Shopifyは最大20MBと5000x5000pxの画像を受け入れますが、より小さくウェブ最適化されたファイルの方が読み込みが速いです。2048pxの正方形を高JPEG品質で書き出します。
コレクションのグリッドで商品が切れるのはなぜですか？
コレクションのタイルは独自のアスペクト比を要求し、テーマは既定のcrop: 'center'でそれに合わせて切り抜きます。商品が元画像の端に寄っていると、その端が落ちます。被写体を余白付きで中央に置くか、cropをtopまたはbottomにして写真に合う帯をテーマに取らせてください。
image_urlで小さい写真を大きくできますか？
できません。Shopifyは、要求した幅や高さに関係なく画像が元の寸法より大きくリサイズされることはないと明記しています。600pxのファイルは2048pxのタイルでも600pxのままで、ブラウザ側で引き伸ばされて甘く見えます。直すべきはURLではなくマスターです。
CDNでJPGを透明PNGに変換できますか？
できません。対応するのはpng→jpg、png→pjpg、jpg→pjpgだけです。元ファイルにない透過はCDNでは作れないため、編集ソフトでアルファ付きPNGを書き出し、それをマスターとしてアップロードしてください。