画像リサイズとは?
アバター、サムネイル、アップロード上限などのために画像を特定のピクセルサイズへリサイズするには、重いエディタや写真をアップロードするオンラインサービスを使うことが多いものです。この無料の画像リサイズツールは、Canvas APIを使ってJPG・PNG・WebPをブラウザ内で拡大縮小し、縦横比のロックや出力形式の選択に対応して、結果をダウンロードできます。画像が端末の外に出ることはありません。
画像リサイザーは、ファイル形式を変えずに画像のピクセル単位の幅と高さを変更します。SNS プラットフォームはプロフィール写真やサムネイルに正確なピクセルサイズを指定し、ウェブ開発者はさまざまなブレークポイントでレスポンシブな画像バリアントを生成する必要があります。
使い方
- 画像をドロップまたは選択します。
- 目標の幅(と高さ)を設定し、出力形式を選びます。
- リサイズした画像をダウンロードします。
使用例
- 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)