画像を300×300ピクセルにサイズ変更
300×300pxは、ショップの一覧に並ぶ商品サムネイル、掲示板のアイコン、Webフォームの写真欄などに使われる小さな正方形のサイズです。このページでは、どんな画像も被写体を中心にトリミングして、アップロードした形式のままこの正方形に変換できます。
画像サイズ変更
またはJPG, JPEG, JFIF … ファイルをここにドロップ ·
1ファイルあたり最大95 MB· 最大20ファイルまで· 30分後に削除
ファイルは当社のサーバーで処理され、30分後に削除されます。
両方の辺を指定した場合や形を変える場合に適用されます。「収める」は全体を残し、片側が小さくなることがあります。「切り抜き」は枠をぴったり埋め、「余白」は枠を追加し、「引き伸ばし」は画像がゆがみます。
切り抜くときに残す部分です。「スマート」は最も情報量の多い領域(通常は顔や主な被写体)を残します。
画像の周囲に追加する余白の色です(白なら #FFFFFF など)。
cm、mm、インチをピクセルに換算するための 1 インチあたりのピクセル数で、ファイルにも書き込まれます。印刷では 300、ほとんどのオンラインフォームでは 200 が標準です。
「入力と同じ」は元の形式を維持します。アニメーションを残すには GIF または WebP、透過には PNG を選んでください。
JPG、WebP、AVIF に適用されます。85 なら写真は元の画像と見た目が変わりません。
サイズ変更後のファイルがこのサイズ以下(またはその直前)になるまで画質を下げます。
このツールの使い方
- 1
画像を1枚または複数枚アップロード
JPG、PNG、WebP、AVIF、HEIC、GIFのファイルを最大20枚まで追加します。商品写真、顔写真、ロゴなど、形を問わず使えます。
- 2
300×300pxのままにする
幅と高さは300 pxのまま、合わせ方を「余白を切り抜いて埋める」、切り抜き位置を「スマート」にします。写真全体を残したい場合は、「色で余白を埋める」を選んで背景色を指定します。
- 3
サイズ変更してダウンロード
サイズ変更を押します。出力形式を変えない限り、各ファイルは元の形式のままです。透過PNGは透明のまま保たれます。
300 pxの正方形は、50枚並べたグリッドでも一瞬で読み込めるほど軽く、顔や商品をはっきり見せられる大きさです。ウェブサイトやショップのテーマ、フォームがこのサイズを指定しているため、必要になる方が多いサイズです。
300×300ピクセルの画像が使われる場面
| 機関 | 要件 | 出典 |
|---|---|---|
| WordPressのメディアライブラリ | 画像サイズの中は、初期設定で最大300 × 300 px（設定→メディア）のため、テーマがこのサイズを要求することがよくあります。 | — |
| WooCommerceのショップページ | 商品サムネイルはWooCommerce 3.3以降、初期設定で幅300 px、1:1に切り抜かれます。テーマによって変更される場合があります。 | — |
| フォーラムやメール署名 | アバターや署名の画像欄は、300 px前後の正方形を受け付けることが多いです。各欄の案内を確認してください。 | — |
| マーケットプレイスの出品 | メイン画像には不足です。Amazonではズームを使えるように、長辺1000 px以上が求められます。 | — |
正確な正方形は思った以上に重要です。ショップのテーマやCMSが、300 pxの枠に4000 × 3000のスマホ写真を受け取ると、商品の位置が分からないまま切り抜くか、全体を縮小してグリッドに妙な隙間ができます。最初から300 × 300 pxにしたファイルを送れば、こうした判断のズレがなくなり、通信量も節約できます。このサイズの正方形は元画像に比べてごくわずかな容量です。
WordPressが分かりやすい例です。初期設定の中サイズは最大300 × 300 pxで、長辺が300に収まるよう縦横比を保って縮小されます。そのため横長の画像は正方形ではなく300 × 225になります。WordPress上で動くWooCommerceは、カタログのサムネイルを1:1に切り抜きます。グリッドがそろわない場合は、このページで切り抜いた正方形をアップロードすれば、すべてのタイルがきれいに並びます。
同じ元画像でもっと大きな正方形が必要ですか？別のサイズでもう一度バッチを実行してください。アプリのアイコンやステッカーには512×512に画像サイズ変更が向いています。
300×300で鮮明な写真にするコツ
ぎりぎりまで切り抜く
被写体で正方形を埋めましょう。細かい部分は300 pxでは見えなくなります。
大きな画像から始める
大きな元画像を縮小すると輪郭がくっきり残ります。小さな画像を拡大するとぼやけます。
無地の背景
白や単色の背景は、サムネイルを並べたときにすっきり見えます。
画質85
サムネイルには十分です。これより低いと文字の周りにブロックノイズが出ます。
300×300ピクセルに関するよくある質問
写真を引き伸ばさずに300×300にサイズ変更するには？
合わせ方は「切り抜いて埋める」のままにしてください。画像は正方形を覆うまで拡大縮小され、はみ出した幅や高さの部分が切り取られるため、顔や丸い商品の形が崩れません。画像が歪むのは「指定サイズに引き伸ばす」だけで、これが初期設定になることはありません。
300×300の画像は何KBになりますか？
300 × 300のJPGを画質85で保存すると、細部によりますが通常は15〜40 KB前後になります。写真のPNGはその数倍になることがあります。フォームにファイル容量の上限がある場合は、ファイルサイズを制限にチェックを入れてKB値を入力するか、画像の容量をKB単位で減らす方法をご覧ください。
商品掲載に300×300pxで足りますか？
サムネイルなら十分ですが、メインの商品画像には足りません。Amazonではズーム機能のために長辺1000 px以上が求められ、ほとんどのマーケットプレイスも同程度を推奨しています。出品用には大きな元画像を使い、このページは一覧用のサムネイルに使ってください。
300pxの正方形画像はきれいに印刷できますか？
ごく小さなサイズなら可能です。300 DPIでは300 pxがちょうど1インチ、約2.5 cmです。ステッカーやバッジには向きますが、写真プリントには向きません。2 × 2インチのプリントには600×600に画像サイズ変更をお使いください。
商品カタログ全体の300×300サムネイルを作れますか？
はい、1回のバッチで最大20枚まで、それぞれ同じ正方形に切り抜けます。切り抜き位置を「スマート」にすると、幾何学的な中心ではなく商品を探して切り抜くため、広い白いテーブルで撮影した写真でも役立ちます。
ロゴの背景が透明です。透明のまま残りますか？
はい。出力形式を「入力と同じ」のままにするか、PNGまたはWebPにすれば透明は保たれます。「色で余白を埋める」を選ぶと余白がその色になります。背景を足したくない場合は「切り抜いて埋める」か「枠内に収める」を選んでください。