使い方
- ファイルを選択を押すか、画像を枠にドロップします。
- リサイズの基準を選びます:ピクセル、割合、またはファイルサイズ(KB)です。
- ピクセルの場合は、幅(px)か高さ(px)を入力するか、SNSの大きさを選びます。両辺を正確に設定して収め方を選ぶには、縦横比を保つのチェックを外します。
- ファイルサイズの場合は、目標のファイルサイズ(KB)を入力します。ツールは、その中に収まる最も大きい画像と品質を選びます。
- 画像をリサイズを押し、各結果の大きさを確かめてから、ファイルを1つずつ、またはすべてをZIPでダウンロードします。
大きさを決める3つの方法
ピクセルは、新しい画像の幅と高さを決めます。縦横比を保つと、一辺で十分です。もう一方は写真の形から決まります。割合は両方の辺を同じ係数で変えるので、50にすると面積は元の4分の1になります。
ファイルサイズは逆向きに働きます。ツールは、目標の範囲に収まる、全体の画像で最も高い品質を試します。最も低い品質でも大きすぎる場合は、画像を少し縮小し、探索には品質80を使います。
割合でリサイズした後の面積 = 元の面積 × (割合 ÷ 100)²
このツールのKB = バイト ÷ 1024
収め方:全体を収める、覆う、引き伸ばす
両方の辺を設定し、縦横比を外すと、画像は何らかの方法で枠に収まる必要があります。全体を収めるは、画像全体を表示し、残りの空間を背景色で埋めます。全体を覆うは、枠いっぱいに広げ、端からはみ出した部分を切り抜きます。引き伸ばすは、枠に正確に合わせますが、比率が変わります。
鮮明な縮小と拡大
一度に大きく縮小すると、細かい部分がぼやけたり崩れたりします。そこでツールは、新しい大きさに近づくまで段階的に半分ずつ縮小し、最後の段階で高品質な平滑化を行います。拡大では、そこにない細部は足せないため、拡大した画像はやわらかく見えることがあります。結果にその旨が示されます。
例:インスタグラムの投稿用の写真
横長の写真4000 × 3000 pixel を、正方形のインスタグラムの投稿にします。プリセットの「インスタグラムの投稿、1080 × 1080」を選びます。このプリセットは全体を覆う収め方を使うので、画像は正方形いっぱいに広がり、左右の端は切り取られます。
別の方法として、縦横比を保ち、幅に1080と入力すると、結果は1080 × 810 pixel になり、画像全体が残り、切り抜きはありません。
よくある質問
リサイズすると、画像はぼやけますか?
画像を小さくすると鮮明さは保たれます。ツールが画素を段階的に平均するからです。大きくすると細部は足せないため、拡大した画像はやわらかく見えることがあり、結果にそれが示されます。
ファイルサイズが、入力した目標と正確に同じにならないのはなぜですか?
エンコーダーはファイルを段階的に書くため、ツールは正確なバイト数ではなく、目標より下で最も近い品質と大きさを探します。各結果の注記に、選んだ品質と達した大きさが示されます。
全体を収める、覆う、引き伸ばすの違いは何ですか?
全体を収めるは、画像全体を残し、合わない場所に余白を付けます。全体を覆うは、枠全体を埋め、はみ出た部分を切り抜きます。引き伸ばすは、枠に正確に合わせますが、中の人や物が押しつぶされて見えることがあります。
同じ大きさに、複数の画像をリサイズできますか?
はい。最大50枚を追加し、大きさを一度設定して、すべての結果を1つのZIPファイルでダウンロードできます。各画像は単独でリサイズされるため、それぞれの比率は別々に扱われます。
リサイズすると、写真の位置やカメラの情報は削除されますか?
はい。新しい画像は画素から書き直されるため、カメラ、日時、位置の情報は引き継がれません。
リサイズするとき、画像はアップロードされますか?
いいえ。お使いの端末のブラウザが画像を復号し、リサイズし、結果を書き出します。ページを読み込んだ後にインターネット接続を切ると、確かめられます。
出典
- MDN(英語): CanvasRenderingContext2D.drawImage()、新しい大きさで画像を描く方法
- MDN(英語): CanvasRenderingContext2D.imageSmoothingQuality
- MDN(英語): HTMLCanvasElement.toBlob()、JPEGとWebPの品質の設定
数値と文章の最終確認日:2026年11月10日火曜日。