画像リサイズ

画像リサイズとは?

アバター、サムネイル、アップロード上限などのために画像を特定のピクセルサイズへリサイズするには、重いエディタや写真をアップロードするオンラインサービスを使うことが多いものです。この無料の画像リサイズツールは、Canvas APIを使ってJPG・PNG・WebPをブラウザ内で拡大縮小し、縦横比のロックや出力形式の選択に対応して、結果をダウンロードできます。画像が端末の外に出ることはありません。

画像リサイザーは、ファイル形式を変えずに画像のピクセル単位の幅と高さを変更します。SNS プラットフォームはプロフィール写真やサムネイルに正確なピクセルサイズを指定し、ウェブ開発者はさまざまなブレークポイントでレスポンシブな画像バリアントを生成する必要があります。

使い方

  1. 画像をドロップまたは選択します。
  2. 目標の幅(と高さ)を設定し、出力形式を選びます。
  3. リサイズした画像をダウンロードします。

使用例

  • SNS プラットフォームが要求する正確なピクセルサイズに写真をリサイズする。
  • 高解像度画像をウェブ用に縮小し、品質を保ちながら帯域幅を削減する。
  • ギャラリーやカードレイアウト用に大きな画像のサムネイル版を生成する。
  • プレゼンテーション・印刷レイアウト・デザインモックアップ用に特定サイズで画像を準備する。

画像リサイズの仕組み

ツールは drawImage() を使ってターゲットサイズで HTML Canvas に元の画像を描画します。ブラウザー組み込みのリサンプリングフィルターがピクセル補間を処理します。50% 以上の縮小では段階的リサンプリングを行い品質を向上させます。

リサイズされたキャンバスは元のフォーマット(JPEG または PNG)で canvas.toBlob() を使ってエクスポートされます。ファイルはダウンロード可能な Blob として返されます——アップロードは行われません。

メリット

  • 縦横比ロック付きのピクセル単位リサイズ。
  • PNG・JPEG・WebPで出力。
  • ブラウザ内で動作 — 何もアップロードしません。

Imagens Redimensionadas Localmente (JA)

Redimensionamento de imagem é realizado usando APIs de canvas JavaScript que rodam no seu navegador. As imagens que você envia e redimensiona permanecem inteiramente no seu dispositivo — seus dados de imagem nunca são transmitidos a nenhum servidor. (JA)

FAQ

リサイズで縦横比は保たれますか?

既定では保たれます。幅を変えると高さが追従します。「縦横比を保持」を外すと両方を自由に指定できます。

どの出力形式に対応していますか?

PNG、JPEG、WebPです。JPEG/WebPは小さく、PNGは透過を保持します。

画像はアップロードされますか?

いいえ。リサイズはCanvas APIを使ってすべてブラウザ内で行われます。

画像をリサイズすると品質に影響しますか?

縮小(小さくする)は通常、ピクセルあたりの知覚品質を向上させます。拡大(大きくする)は常に品質を低下させます——追加する新しい情報がないため、画像がぼやけたりピクセル化します。