画像サイズ変更
クリックまたはドラッグして画像をアップロード
JPG / PNG / WEBP / GIFをサポート
画像をアップロードしてプレビュー
オンラインで画像の幅と高さを調整。等倍スケーリング、よく使うサイズプリセット、ドラッグでの直感調整に対応。ブラウザ内処理でアップロード不要、EC商品画像・SNS投稿・証明写真に最適、無料で利用可能。
関連おすすめ
画像サイズ変更とは?
画像サイズ変更は、リサンプリングアルゴリズムにより画像の幅と高さのピクセル数を目標のサイズに変更する画像処理操作です。元の画像のピクセル情報を新しいピクセルグリッドに再マッピングします。一般的なアルゴリズムには最近傍補間、バイリニア、バイキュービック、Lanczosなどがあり、アルゴリズムが高度なほどスケーリングの品質は向上しますが処理速度はやや遅くなります。
**画像の切り抜き(クロップ)との違いは?** 切り抜きは元の画像から一部の領域を切り出す処理であり、画像の総ピクセル数は変わらないことがあります。一方、サイズ変更は画像全体を拡大または縮小する処理であり、画像の内容はすべて保持されますが総ピクセル数は変化します。画像の一部だけを残したい場合は画像切り抜きツールを使用してください。
**AI画像拡大との違いは?** 通常のサイズ変更は数学的なアルゴリズムでピクセルをリサンプリングするため、小さい画像を大幅に拡大するとぼやけが発生しやすくなります。AI画像拡大は深層学習モデルによりディテールを予測して補完するため拡大結果は優れていますが、より多くの計算リソースが必要です。小さい画像を2倍以上に拡大したい場合はAI画像拡大ツールの使用をおすすめします。
**なぜ画像サイズを調整する必要があるの?** 大きすぎる画像はWebページの読み込み速度低下、メール送信失敗、フォームアップロード時のサイズ制限超過、ストレージ容量の余分な消費につながります。逆に小さすぎる画像を拡大表示するとぼやけてしまいます。利用シーンに合わせて適切なサイズに調整することで、見た目の品質を確保しつつ読み込み速度とストレージ容量を最適化できます。
**DPI/PPIとは何ですか?** DPI(1インチあたりのドット数)とPPI(1インチあたりのピクセル数)は主に印刷シーンで使用される指標であり、画面表示の際はピクセル寸法だけを考慮すれば十分です。Webサイト、SNS、ECプラットフォームなどのデジタルシーンではピクセルの幅と高さだけに注意すればよく、DPIの設定は不要です。
ユースケース
- ECサイトの商品メイン画像に規定のサイズ(Amazon 2000×2000、楽天市場 1200×1200など)がある場合に素早く調整
- SNS投稿画像(Instagram、X/Twitter、Facebook、LINEなど)の規格を統一する必要がある場合にサイズ調整
- 画像が大きすぎてフォーム、メール添付、クラウドストレージにアップロードできない場合に適切な大きさに縮小
- 証明写真、履歴書写真、パスポート、ビザ、資格試験受験の写真を規定のピクセルサイズに正確に調整
- Webデザイナーやフロントエンド開発者が大きな画像を縮小しWEBPに変換してページの読み込み速度(LCP)を最適化
- プレゼンテーション、Word文書、ブログ記事の画像を作成する際にサイズを統一してレイアウトをすっきり美しく
- プロフィール写真、ロゴ、アプリアイコンを正方形または指定サイズに調整してWebサイト、アプリ、SNSアカウントに使用
- 写真を印刷する前に適切なピクセルサイズに調整して最高の印刷結果を得るため
使い方
- アップロードエリアをクリックするか、画像ファイルを直接ドラッグ&ドロップしてアップロード(JPG、PNG、WEBPに対応)
- 調整方法を選択:幅と高さのピクセル値を正確に入力、よく使うサイズプリセットをクリック、倍率で調整、またはドラッグハンドルで調整
- 必要に応じて「縦横比を保持」スイッチをオンまたはオフにする(デフォルトはオンで、画像の歪みを防止)
- 調整結果をリアルタイムでプレビューし、出力サイズと推定ファイルサイズを確認
- 「サイズを調整」ボタンをクリックして結果を生成し、処理後の画像をダウンロード
特徴
- 正確なピクセル制御:目標の幅と高さのピクセル値を1ピクセル単位で直接入力可能
- 等倍スケーリングモード:元の縦横比を固定して画像が歪まず、日常的な使用に最適
- 自由な伸縮モード:幅と高さを個別に調整でき、プラットフォームの規定サイズに正確に一致
- ドラッグで直感調整:プレビューの四隅のハンドルを直接ドラッグして見ながら調整、見たままの仕上がり
- よく使うサイズプリセット:1080P、1:1正方形など6種類の解像度を内蔵、ワンクリックで適用
- 素早い倍率調整:25%~200%の5段階倍率ボタンで素早く画像を拡大縮小
- リアルタイムプレビュー:パラメータを調整すると即座に結果が表示され、出力ファイルサイズも推定表示
- マルチフォーマット対応:JPG、PNG、WEBPの入出力に対応し、様々なニーズに対応
- ブラウザ内ローカル処理:Canvas APIによりローカルで完結、サーバーにアップロードせずプライバシー安全
- 無料でウォーターマークなし:調整後の画像にウォーターマークは入らず、処理完了後すぐにダウンロード可能
よくある質問
オンラインで画像のピクセルサイズを変更するにはどうすればいいですか?
画像をアップロードすると4つの調整方法から選べます:1)左側パネルで目標の幅と高さのピクセル値を直接入力する、2)よく使うサイズのプリセットボタンをクリックして一発で適用する、3)25%~200%の倍率ボタンで素早く拡大縮小する、4)プレビューエリアの四隅にある緑のハンドルをドラッグして視覚的に調整する。等倍スケーリングと自由な伸縮の2つのモードに対応しており、リアルタイムでプレビューを確認して問題なければダウンロードボタンをクリックしてください。
等倍スケーリングと自由な伸縮の違いは何ですか?
等倍スケーリングは元の画像の縦横比を固定したまま全体のサイズだけを調整するため、画像が歪みません。日常的な縮小拡大やアルバム整理、Web掲載画像に適しています。自由な伸縮は縦横比を固定せず幅と高さを個別に変更できますが、比率が大きく変わると画像が歪むことがあります。特定のプラットフォームの規定サイズに正確に合わせる必要がある場合に適しています。デフォルトでは等倍スケーリングがオンになっており、画像の歪みを防ぎます。
画像を縮小するとぼやけますか?
画像を縮小する場合はピクセル総数を減らす処理であり、ブラウザに搭載されている成熟したリサンプリングアルゴリズム(バイリニア/バイキュービック)で処理されるため、通常は明瞭さに大きな影響はありません。ただし、小さい画像を元のサイズより大幅に拡大するとピクセルが引き伸ばされ、ぼやけやジャギーが発生することがあります。その場合は専用のAI画像拡大ツールの使用をおすすめします。
サイズ調整の際、画像はサーバーにアップロードされますか?安全ですか?
いいえ、アップロードされません。すべての画像サイズ調整はお使いのブラウザ内でHTML5 Canvas APIによりローカルで処理され、画像ファイルが外部のサーバーに送信されることはなく、処理後はすぐにメモリから消去されます。個人情報を含む証明写真や本人確認書類のスクリーンショット、契約書類なども安心して処理でき、プライバシーは完全に保護されます。
どの画像フォーマットに対応していますか?
JPG、PNG、WEBPの3つの主要フォーマットのアップロードと出力に対応しています。JPGは写真系の画像に適しておりファイルサイズが小さく、PNGは透明チャンネルに対応しているためロゴやアイコン、スクリーンショットに適しています。WEBPは新しいフォーマットで、より小さいサイズで高品質を維持できます。GIFアニメーションをアップロードした場合は静止画の最初のフレームとして処理されます。
証明写真のサイズを正確に調整できますか?
はい、可能です。履歴書用(354×472px)、パスポート・マイナンバーカード用(413×531px)、運転免許証用(283×354px)、資格試験受験票用、各種証明書写真など、よく使われるサイズの幅と高さのピクセル値を正確に入力して設定できます。証明写真を調整する際は「縦横比を保持」をオンにしておくと、写真が引き伸ばされて歪むのを防げます。
ECサイトやSNSのよく使うサイズに素早く合わせるにはどうすればいいですか?
ツールの左側パネルには6種類のよく使われるサイズプリセットが内蔵されています:1920×1080(フルHD)、1280×720(HD)、1080×1080(1:1正方形)、800×600、640×480(VGA)、512×512で、クリックするだけで一発で適用できます。その他のプラットフォームのサイズについては、本ページにある「主要プラットフォーム画像サイズ早見表」を参考にしてください。
サイズ調整すると画像の画質は低下しますか?
純粋なサイズ調整は幾何学的な変換であり、それ自体で画質が低下することはありません。ただし、出力形式をJPGにした場合は圧縮が適用されるため、わずかな品質低下が発生することがあります。最高画質が必要な場合や透明チャンネルを保持したい場合は、PNG形式で出力することをおすすめします。日常的な使用ではJPGの品質90%以上であれば肉眼ではほとんど差がわかりません。
比率を維持したまま画像を拡大縮小するにはどうすればいいですか?
2つの方法があります:1)左側パネルにある25%、50%、75%、150%、200%の5段階の倍率ボタンをクリックすると、比率を維持したまま拡大または縮小できます。2)「縦横比を保持」スイッチをオンにした状態で幅または高さのどちらか片方だけを入力すると、もう一方の寸法が元の比率に基づいて自動的に計算されます。
プレビューエリアのドラッグハンドルはどう使いますか?
画像をアップロードすると、プレビューエリアの画像の四隅に緑の丸い調整ハンドルが表示されます。マウスで任意のハンドルをドラッグするとリアルタイムで画像サイズを調整できます。「縦横比を保持」がオンの場合はドラッグしても比率が固定され歪みません。オフの場合は自由に伸縮して幅と高さを調整できます。ドラッグ中はサイズがリアルタイムで更新され、見たままの結果が得られます。
推定ファイルサイズと実際のファイルサイズが違うのはなぜですか?
推定ファイルサイズは出力されるピクセル総数と平均圧縮率に基づいて計算した参考値です。実際のファイルサイズは画像の内容の複雑さ、色数、ディテールの量、フォーマットの圧縮アルゴリズムによって変わります。色彩が豊かでディテールが多い写真はファイルサイズが大きくなり、単色やシンプルな図形のファイルは小さくなります。
一括で複数の画像サイズを調整するにはどうすればいいですか?
現在のバージョンでは1度に1枚ずつの処理となります。複数枚を一括処理したい場合は、1枚ずつアップロードして調整後にダウンロードしてください。まず1枚を調整してパラメータが正しいことを確認してから、同じ設定で他の画像を処理することをおすすめします。
用語集
- ピクセル(Pixel)
- 画像を構成する最小の表示単位で、Picture Elementの略称です。1920×1080の画像には約207万個のピクセルが含まれています。本ツールのすべてのサイズ調整はピクセルを基本単位としています。
- 等倍スケーリング
- 元の画像の縦横比を保持したまま拡大または縮小することです。例えば4000×3000の写真を等倍で2000×1500に縮小しても、画面の比率は変わらず歪みません。本ツールではデフォルトでこのモードがオンになっています。
- 自由な伸縮
- 縦横比のロックをオフにした状態で、幅と高さを個別に変更できるモードです。任意のサイズを正確に設定できますが、元の画像と縦横比が大きく異なると画面が引き伸ばされて歪むことがあります。
- リサンプリング(Resampling)
- 異なるピクセル寸法の間でピクセル値を再計算して生成するアルゴリズムです。ブラウザではデフォルトでバイリニアアルゴリズムが使用されており、滑らかさと処理速度のバランスに優れています。
- Canvas API
- HTML5で提供されているブラウザ標準の描画インターフェースです。本ツールはこれを使用してユーザーのローカルブラウザ内で画像のスケーリング処理を完結させており、画像データが外部のサーバーにアップロードされることはありません。
- 縦横比(Aspect Ratio)
- 画像の幅と高さの比率関係のことです。一般的な比率には16:9(フルHD動画)、4:3(従来のディスプレイ)、1:1(正方形)、3:4(縦長写真)などがあります。
- 推定ファイルサイズ
- 出力されるピクセル総数と平均圧縮率に基づいて推定したファイル容量で、参考値です。実際のファイルサイズは画像の内容の複雑さ、フォーマット、圧縮品質などの要因によって変わります。
主要プラットフォーム画像サイズ早見表
| プラットフォーム / 用途 | 推奨 幅×高さ(px) | 推奨フォーマット |
|---|---|---|
| LINE タイムライン投稿 | 1200 × 630 | JPG / PNG |
| ブログ・記事内画像 | 1080 × 720 | JPG / WEBP |
| Instagram 正方形投稿 | 1080 × 1080 | JPG / PNG |
| Instagram 縦長投稿(4:5) | 1080 × 1350 | JPG / PNG |
| X/Twitter 投稿画像 | 1200 × 675 | JPG / WEBP |
| TikTok 動画サムネイル | 1080 × 1920 | JPG |
| Amazon 商品メイン画像(白背景) | 2000 × 2000 | JPG / PNG |
| 楽天市場 商品メイン画像 | 1200 × 1200(1:1) | JPG |
| Webサイト ヒーロー画像 | 1920 × 1080 | WEBP / JPG |
| OGP ソーシャルシェア画像 | 1200 × 630 | JPG / PNG |
| Facebook カバー画像 | 820 × 312 | JPG |
| LinkedIn 投稿画像 | 1200 × 627 | JPG |
| 履歴書用証明写真 | 354 × 472 | JPG |
| パスポート/マイナンバー | 413 × 531 | JPG |
| 運転免許証用写真 | 283 × 354 | JPG |
画像サイズ調整方法比較
| 調整方法 | 縦横比固定 | 操作方法 | 適した場面 |
|---|---|---|---|
| 全体を等倍で拡大縮小 | ✅ ロック | 「縦横比を保持」をオンにして幅または高さのどちらかを入力、または倍率ボタンを使用 | 日常的な縮小拡大、アルバム整理、Web表示の最適化、画像の歪みを防ぎたい場合 |
| 正確なサイズに一致させる | ❌ オフ可能 | 「縦横比を保持」をオフにして、幅と高さのピクセル値をそれぞれ入力 | プラットフォームの規定サイズに正確に合わせたい場合、カスタムキャンバス作成 |
| プリセットから素早く適用 | 設定による | よく使われるサイズのプリセットボタン(1080P、1:1正方形など)をクリックして一発設定 | よく使う解像度を手入力なしで素早く設定したい場合 |
| ドラッグで直感的に調整 | スイッチによる | プレビューエリアの四隅にある緑のハンドルをドラッグして視覚的に調整 | 見ながら微調整したい場合、直感的な操作ですぐに結果を確認したい場合 |
Authoritative References
- ReferenceMDN - Canvas API ドキュメント
- ReferenceWeb.dev - 正しい寸法の画像を配信する