画像拡大
クリックまたはドラッグして画像をアップロード
JPG / PNG / WEBP
画像を 2x、3x、4x にオンラインで拡大できます。スムージングのオン/オフに対応し、小さな画像、スクリーンショット、透過 PNG、ドット絵をより大きなサイズに手早く調整できます。
関連おすすめ
画像拡大とは？
画像拡大とは、元画像の縦横を倍率に応じて大きくし、補間によって新しいピクセルを計算して埋める処理です。ページ上で見た目だけ拡大するのではなく、実際の解像度そのものを変更します。
ブラウザーの Canvas による拡大は高速で、透過 PNG の保持、ドット絵やスクリーンショットのサイズ調整に向いています。ただし AI 超解像ではないため、元画像にない質感、毛髪、文字の細部を再構築することはできません。
大きくぼけた人物写真、古い写真、低解像度の商品画像などで細部まで復元したい場合は、より高解像度の元画像を探すか、専用の AI 超解像ツールを使うのが適切です。
ユースケース
- 小さいアイコン、ロゴ、スクリーンショットを表示用サイズまで手早く拡大したい。
- EC 商品画像、ブログ用画像、プレゼン素材をより大きな PNG で出力したい。
- ドット絵、アイコン、レトロゲーム素材を角を保ったまま拡大したい。
- 透明背景のステッカー、ロゴ、UI 素材を拡大してそのままレイアウトに使いたい。
- 印刷前にサイズが足りるかを確認し、高解像度の元画像や AI 超解像が必要か判断したい。
使い方
- 拡大したい JPG、PNG、WEBP などの画像をアップロードします。
- 2x、3x、4x の拡大倍率を選びます。
- 素材の種類に合わせてスムージングをオンまたはオフにします。
- プレビューで結果を確認し、PNG をダウンロードします。
特徴
- 2x、3x、4x の倍率: 画面表示や印刷に合わせてすばやく画像サイズを拡大できます。
- スムージング切替: 写真やスクリーンショットではオン、ドット絵ではオフにして輪郭を保てます。
- 透過 PNG を保持: 元画像に透過がある場合、出力 PNG でも透明背景を保ちます。
- ブラウザー内のローカル処理: Canvas で端末内処理するためサーバーへ送信しません。
- ワンクリックで PNG ダウンロード: 拡大結果をすぐ確認して保存でき、その後の圧縮や切り抜きにもつなげやすいです.
画像拡大、AI 超解像、サイズ変更はどう使い分ける？
どの方法も画像サイズを変えられますが、向いている問題は異なります。
| 方法 | 向いている用途 | 制限 | おすすめの進め方 |
|---|---|---|---|
| このページの画像拡大 | 2x〜4x の手早いサイズ拡大、透過 PNG、スクリーンショット、ドット絵。 | 失われた細部を自然に復元することはできません。 | まず 2x を試し、必要なら 3x や 4x に進みます。 |
| AI 超解像 | 人物写真、古い写真、商品画像、質感補完が必要な素材。 | 通常は処理が遅く、アップロードや待ち時間が発生することがあります。 | 画質を重視するなら AI を使い、その後に画像圧縮で容量を調整します。画像圧縮 |
| 画像サイズ変更 | 幅と高さを正確に指定したい、縮小したい、固定比率の素材を作りたい場合。 | 主目的はサイズ指定であり、やみくもな拡大には向かないことがあります。 | ピクセル単位で正確な縦横サイズが必要ならサイズ変更を使います。画像サイズ変更 |
Best Practices
まずは 2x から試す
2x でも総ピクセル数は 4 倍になるため、多くの表示用途や軽い印刷には十分です。いきなり 4x にするとぼけやファイル肥大化が起きやすくなります。
ドット絵はスムージングをオフにする
スムージングを切ると角ばった輪郭を保ちやすく、ドット絵、QR コードのスクリーンショット、低解像度アイコン、ゲーム素材に向いています。
拡大前に不要な余白を切り抜く
先にトリミングしてから拡大すると、不要なピクセルが減って出力サイズを抑えやすくなり、主題の確認もしやすくなります。
よくある質問
画像をオンラインで 2 倍、3 倍、4 倍に拡大するには？
JPG、PNG、WEBP などの一般的な画像をアップロードし、拡大倍率で 2x、3x、4x を選ぶだけです。ブラウザーがすぐにキャンバスを目標サイズへ変更し、ダウンロードできる PNG を生成します。
画像を拡大すると本当に鮮明になりますか？
拡大は元のピクセルをもとに新しいピクセルを補間する処理なので、存在しない細部を完全に復元することはできません。このツールはサイズをすばやく大きくし、輪郭をなめらかにする用途に向いています。強いぼけや圧縮ノイズがある画像は、AI 超解像や高解像度の元画像が必要です。
スムージングはオンとオフのどちらがよいですか？
写真、スクリーンショット、商品画像ならオンがおすすめで、輪郭がより自然になります。ドット絵、ビットマップアイコン、レトロゲーム素材ならオフにすると、ピクセルの角を保ちやすくなります。
透過背景の画像を拡大しても透明のままですか？
はい。Canvas の出力は PNG で、元画像の alpha 透過チャンネルが保持されます。ロゴ、ステッカー、アイコン、後でレイアウトに使う素材にも向いています。
画像はサーバーにアップロードされますか？
いいえ。画像ファイルは現在のブラウザー内でのみ読み込みと描画が行われ、拡大、プレビュー、ダウンロードもローカルで完結します。機密性の高いスクリーンショットや未公開デザインにも使いやすいです。
拡大後にファイルサイズが大きくなったらどうすればいいですか？
拡大後はピクセル数が増えるため、PNG ファイルは大きくなりやすいです。ダウンロード後に画像圧縮ツールで容量を下げるか、画像サイズ変更ツールで正確な縦横サイズに調整してください。
用語集
- 補間
- 隣接するピクセルから新しいピクセルを推定する数学的処理で、ブラウザー Canvas による拡大の基本です。
- 最近傍法
- スムージングをオフにしたときに近いサンプリング方式で、硬い輪郭を保ちやすく、ドット絵に向いています。
- Alpha 透過チャンネル
- PNG に透明度を記録するチャンネルです。元画像に透明背景があれば、拡大後の PNG にも透明領域が残ります。
- DPI / PPI
- 印刷や画面のピクセル密度を表す指標です。拡大でピクセル数は増えますが、必ずしも印刷の細部が改善するとは限りません。
- AI 超解像
- モデルで質感や細部を推定する拡大方式です。本ツールはローカル Canvas 補間による拡大です。
拡大倍率とピクセル数の変化
| 倍率 | 縦横の変化 | 総ピクセル数の変化 | 向いている用途 |
|---|---|---|---|
2x | 縦横がそれぞれ 2 倍 | 4 倍 | アイコン、スクリーンショット、挿絵、軽い印刷 |
3x | 縦横がそれぞれ 3 倍 | 9 倍 | 高精細画面、プレゼン資料、ステッカー素材 |
4x | 縦横がそれぞれ 4 倍 | 16 倍 | ポスター下書き、ドット絵、大判レイアウト前処理 |
スムージング設定の目安
| 設定 | 見た目の変化 | 向いている素材 |
|---|---|---|
| スムージング ON | 輪郭がなめらかでジャギーが少ない | 写真、スクリーンショット、商品画像、イラスト |
| スムージング OFF | 硬い輪郭とピクセル感を維持 | ドット絵、ビットマップアイコン、レトロゲーム素材 |
Authoritative References
- MDNMDN - Canvas API
- Web.devWeb.dev - 適切なサイズの画像を配信する