直接の回答
JPG、PNG、WebP の商品写真を正方形にリサイズします。初期値は 1000×1000 で、800×800、1200×1200、2048×2048 も選べます。「余白を追加」は写真全体を収め、「トリミング」は枠を埋めてはみ出した部分を切り取ります。いずれも本ツールのプリセットです。ショップの仕様をご確認ください。処理はブラウザ内で完結します。
このツールの使い方
商品写真をアップロード
最大 20 枚の JPG、PNG、WebP 写真を選びます。1000×1000 の正方形プリセットが初期選択されています。
初期 1000×1000 またはその他の正方形サイズを選択
初期の 1000×1000 のほか、一覧用 800×800、高解像度 1200×1200、超精細ズーム 2048×2048 をワンクリックで選択できます。
「余白を追加」または「トリミング」を選択
商品の輪郭を一切切り落とさない「余白を追加」、または画面いっぱいに表示する「トリミング」を指定します。
リサイズした画像を書き出す
個別ダウンロードまたは一括 ZIP パッケージで、EC 登録用の最適化画像を安全に書き出します。
正方形の商品画像:キャンバスサイズ・余白・トリミング
正方形の画像は商品一覧の見た目をそろえるのに役立ちますが、必要な寸法はショップ、テーマ、販売先によって異なります。初期値の 1000×1000 は作業の出発点です。「余白を追加」は写真全体を収めて均等な余白を付けます。拡大を許可しない場合、小さな画像は元のピクセル寸法を維持します。「トリミング」は枠を埋め、はみ出した部分を切り取ります。リサイズは画素を変更し、JPEG や WebP の圧縮で画質が変化することもあります。
- 商品写真のプリセット:初期値は 1000×1000 ピクセル。800×800、1200×1200、2048×2048 も選べます。販売先の仕様をご確認ください。
- 商品の輪郭を一切切り落とさない「余白を追加」、または画面いっぱいに表示する「トリミング」を指定します。
- 100% ブラウザ内プライバシー:サーバーアップロードゼロで安全に高速処理。
具体例
長方形の写真 (1600×1200) を白余白付き 1000×1000 正方形に整える
入力: 1600×1200 横長 JPEG 写真 (4:3 比率)
出力: 1000×1000 JPEG(商品を中央配置し、上下に均等な白余白を追加)
商品を 1000×750 に縮小し、上下に各 125 px の余白を補正して商品を一切削りません。
カタログ一覧用 800×800 サムネイルへの縮小
入力: 1500×1500 正方形 JPEG 写真 (2.4 MB)
出力: 800×800 JPEG
モバイルでの表示速度を高めるため、軽量で高画質なサムネイルに最適化します。
背景透明のまま 2048×2048 ズーム用高精細画像を生成
入力: 3000×3000 アルファ透明 PNG 写真
出力: 2048×2048 PNG(透過チャンネルを完全に維持)
透明を保つには、余白の背景を透明にして PNG または WebP で書き出してください。
制限事項
- 本ツールはサイズ調整および余白補正を行うツールであり、AI による自動被写体切り抜き(背景透過化)は行いません。
- 各ECモールの出店規約合否を自動判定する機能はありません。各モールの最新ガイドラインをご確認ください。
- 透明な余白には PNG または WebP が必要です。JPEG を選んだままでは処理できません。形式を変更するか、背景に単色を指定してください。
- 拡大を許可しない場合、余白付きで全体を収めるモードでは小さい画像を元のサイズのまま配置します。切り抜きで全面を埋めるモードでは、元画像や切り抜き領域が小さいと処理を止めます。拡大は明示的に許可してください。失われた細部は復元できません。
よくある質問
ECサイトの商品画像として最適なサイズは?
必要なサイズはショップや販売先の仕様に合わせて選んでください。本ツールは 1000×1000 ピクセルを初期値とし、800×800、1200×1200、2048×2048 も用意しています。いずれもツールのプリセットであり、EC 全体に共通する必須規格ではありません。
「余白を追加」と「トリミング」はどう違いますか?
「余白を追加」は商品全体を縮小配置して周囲にマージンを足すため切れ目がありません。「トリミング」は枠を埋めるために外側を切り取ります。 拡大を許可しない場合、余白付きで全体を収めるモードでは小さい画像を元のサイズのまま配置します。切り抜きで全面を埋めるモードでは、元画像や切り抜き領域が小さいと処理を止めます。拡大は明示的に許可してください。失われた細部は復元できません。
被写体の背景を自動で切り抜くことはできますか?
いいえ。本ツールはサイズ変更・余白補正を行うもので、背景除去機能は含みません。
画像データがサーバーへアップロードされることはありますか?
いいえ。Canvas API を利用し、100% お手元のブラウザ内で安全に完結します。
信頼できる参考文献・標準規格
- W3C Portable Network Graphics (PNG) Specification (Third Edition) ↗ — PNG file format, including lossless encoding and alpha transparency; resizing can change pixel detail.
- MDN: CanvasRenderingContext2D.drawImage() ↗ — Source crop rectangles and destination dimensions.
- MDN: HTMLCanvasElement.toBlob() ↗ — Browser image export; JPEG and WebP quality can introduce compression loss.