画像リサイズツール
幅・高さ・パーセント指定、またはピクセル単位の正確なサイズで画像をリサイズできます。縦横比の固定にも対応。画像がサーバーにアップロードされることは一切ありません。
Drop an image here, or
Max 25 MB. Files never leave your browser.
ソース
× · ·
Output
Processing…
× · · (%)
使い方
- 1 画像をドラッグ&ドロップします。
- 2 リサイズモードを選択します — 幅指定、高さ指定、パーセント指定、または幅と高さを両方正確に指定できます。
- 3 縦横比の固定をオンにすると、元の比率を保ったままリサイズされます。
- 4 リサイズが完了したら結果をダウンロードします。
このツールを使う理由
- 4種類のリサイズモードで、あらゆる用途に対応。
- 縦横比の固定により、意図しない画像の歪みを防止。
- リサイズとは独立して出力フォーマットを選択可能。
- 処理はすべてブラウザ側(クライアントサイド)で完結 — アップロード不要、登録不要、透かしなし。
よくある質問
画像サイズの上限はどれくらいですか?
入力ファイルは最大25MB、出力サイズは最大10000×10000pxです。これを超える画像はモバイル端末でのメモリ不足(OOM)を防ぐためブロックされます。
画像を拡大(アップスケール)することはできますか?
可能です — パーセント指定モードでは最大400%まで拡大でき、幅・高さを元のサイズより大きく正確に指定することもできます。ただし拡大すると新たなディテールが生成されるわけではないため、画像がぼやけて見える点にご注意ください。
リサイズ後に画像がぼやけて見えるのはなぜですか?
ブラウザのCanvasはデフォルトでバイリニアフィルタリング(bilinear filtering)を使用します。大幅に縮小する場合は、2段階に分けてリサイズするか、Lanczosフィルタに対応した専用ツールの使用をご検討ください。
画像リサイズツール とは?
画像リサイズツール(Image Resizer)は、幅・高さ・パーセント、またはピクセル単位の正確な指定で画像のサイズを変更できるツールです。縦横比を固定する機能を備えており、拡大・縮小の際に画像の比率を保つことができます。処理はすべてブラウザ上(クライアントサイド)で完結するため画像がサーバーに送信されることはなく、目的のサイズへ手早く画像を仕上げたいときに便利です。
機能
4つのリサイズモード
目標の幅、目標の高さ、元画像に対するパーセンテージ(1〜400%)、またはアスペクトロックを無効にした状態での幅と高さの正確な指定によりリサイズできます。
アスペクト比のロック
幅または高さのみでリサイズする場合、アスペクトロックが元の比率から対応する寸法を自動計算し、画像の伸縮や歪みを防ぎます。
独立した出力フォーマット
元のフォーマットを維持するか、リサイズモードにかかわらずJPEG、WebP、PNGに変換できます。JPEG出力では透明部分が白背景にフラット化されます。
クライアントサイドのみ、25MB上限
デコードと再エンコードはすべてCanvas APIを介してブラウザ内で実行され、サーバーへのアップロードはありません。25MBを超える入力ファイルは処理前に拒否されます。
例
Input
screenshot.png — 2560x1440, 3.1 MB, mode=width, width=1280, aspectLock=true, output=JPG, quality=85
Output
screenshot.jpg — 1280x720, ~210 KB, transparent/alpha areas flattened to white background, bilinear-resampled (canvas imageSmoothingQuality=high)
主な用途
-
1
Web投稿用に写真を縮小する
ブログ記事や商品ページに添付する前に、カメラで撮影した写真を特定の幅(例: 1200px)に縮小し、ファイルサイズとページの読み込み時間を抑えます。
-
2
固定サイズのサムネイルを準備する
アスペクトロックを外した'both'モードを使い、テンプレートやCMSフィールドが必要とする正確な幅と高さ(例: 300x300のアバター枠)に画像を合わせます。
-
3
スクリーンショット群を一括縮小する
パーセンテージモードを使って大きなスクリーンショットをドキュメント用に50%に縮小し、さらにファイルサイズを抑えるためWebPやJPEGとして書き出します。
Image Resizerは、幅・高さ・パーセンテージ(最大400%)、または幅と高さを正確に指定して画像のピクセル寸法を変更できます。アスペクト比のロックもオプションで利用可能です。createImageBitmapでファイルをデコードし、Canvas/OffscreenCanvas上で目的のサイズに描画したうえで、toBlob/convertToBlobを使ってPNG、JPEG、WebPとして再エンコードします(JPEG/WebPの品質は10〜100%で調整可能)。処理はすべてブラウザ内で完結し、画像がサーバーにアップロードされることはありません。
- カテゴリ
- クリエイター
- 料金
- 無料
- プライバシー
- ブラウザベース
- 登録
- 不要
参考文献
- HTMLCanvasElement: toBlob() メソッド — MDN Web Docs
- OffscreenCanvas: convertToBlob() メソッド — MDN Web Docs
- Window: createImageBitmap() メソッド — MDN Web Docs
- CanvasRenderingContext2D: imageSmoothingQuality プロパティ — MDN Web Docs
プライバシー
明記されない限り、データがブラウザの外に送信されることはありません。画像リサイズツール は完全にクライアント側で動作します — サーバーへのアップロードなし、ログなし、入力内容のトラッキングなし。
Zerethon Social で作成・共有・成長しよう
無料登録。ポイントを獲得し、実績を集め、世界中のクリエイターとつながりましょう。