画像パーセントリサイズツール|比率変更
画像を元のサイズのパーセントで縮小・拡大します。ブラウザで処理。
リサイズする画像をドロップ
クリックで選択
画像パーセントリサイズツール|比率変更とは
画像をパーセント(%)指定で縮小・拡大できる無料オンラインツールです。画像の%リサイズ・画像縮小割合指定・50%縮小などをブラウザ上で簡単に実行できます。アスペクト比を自動維持するため比率が崩れる心配がなく、PNG・JPEG・WebPで出力できます。
使い方
- 1リサイズしたい画像をアップロードします。
- 2スケール(25%・50%・75%・150%・200%)を選択します。
- 3出力形式(PNG・JPEG・WebP)を選択します。
- 4「リサイズする」ボタンをクリックして画像をダウンロードします。
メリット・特徴
- パーセント指定でアスペクト比を自動維持したままリサイズ
- 25%〜200%の縮小・拡大スケールを選択可能
- 変換後の画像サイズ(ピクセル数)を事前確認
- ブラウザ上で処理されるため画像がサーバーに送信されない
- PNG・JPEG・WebPの出力形式を選択可能
- 登録・インストール不要で即座に利用可能
パーセント指定リサイズの基礎と計算方法
パーセント指定リサイズは元の画像サイズを基準にした相対的なサイズ変更です。縦横比(アスペクト比)が自動的に維持されるため、デザインが崩れる心配なく素早くサイズ変更できます。ピクセル数とファイルサイズの関係を理解することで最適なスケールを選べます。
スケールとピクセル数・ファイルサイズの関係
50%リサイズは幅と高さがそれぞれ半分になります。ピクセルの総面積は1/4(0.5×0.5)になります。一般的にJPEG・WebPのファイルサイズはピクセル数にほぼ比例するため、50%リサイズでファイルサイズは約1/4になります。75%リサイズなら面積は56.25%(0.75×0.75)、25%リサイズなら6.25%まで削減されます。
Webパフォーマンス最適化でのリサイズ
Webページに掲載する画像は、表示に必要な最大サイズに合わせてリサイズすることが重要です。例えば横幅600pxのブログ記事に幅2400pxの写真をそのまま使うと、ダウンロードは4倍遅くなります。このツールで50%に縮小するだけで体感速度が改善します。Google PageSpeed InsightsやLighthouseが「適切なサイズの画像を使用してください」と指摘している場合はリサイズが効果的です。
Retina(高解像度)ディスプレイへの対応
Retina・HiDPIディスプレイはCSS上の1pxに対して物理的に2px(@2x)または3px(@3x)を使います。srcset属性を使って@1x・@2x・@3xのバリアントを用意する場合、@2x画像(200%)をこのツールで50%縮小して@1x版を作るか、@1x版を200%拡大して@2x版を作るかができます。ただし拡大は品質が劣化するため、可能であれば高解像度版から縮小していくことを推奨します。
画像フォーマットとリサイズの組み合わせ最適化
リサイズと同時に出力形式を選択することで、さらにファイルサイズを最適化できます。用途に応じた形式選択とリサイズの組み合わせを解説します。
PNG・JPEG・WebPの使い分け
PNGはロスレス圧縮で透明度対応のため、ロゴ・アイコン・透明背景の画像に最適です。ファイルサイズは大きくなりがちです。JPEGは写真に適したロッシー圧縮で、品質80〜90%設定で見た目の劣化を抑えながら大幅なサイズ削減ができます。WebPはPNGとJPEGの長所を兼ね備えた次世代フォーマットで、同品質でJPEGより25〜35%小さくなります。モダンブラウザはすべてWebPに対応しています。
SNS・メール・印刷別の推奨リサイズ
Instagram投稿用:正方形なら1080×1080px以下、横長なら1080×608px以下を目安にします。Twitter(X)投稿:横1200px程度が推奨です。メール添付:受信者の環境に合わせて幅800px・JPEG品質80%が目安です。印刷用:300DPIが一般的で、A4サイズなら横2480px×縦3508px必要です。このツールでパーセント指定しながら目標サイズに近い値を選んでください。
バッチ処理が必要な場合の対処法
このツールは1ファイルずつ変換します。多数の画像をまとめて同じスケールでリサイズしたい場合は、macOSのAutomator・WindowsのPowerShellスクリプト・ImageMagickのconvertコマンド(convert input.jpg -resize 50% output.jpg)・FFmpegなどのコマンドラインツールが便利です。単発・少数のリサイズにはこのツールが手軽です。
よくある質問(FAQ)
- 100%を入力すると何が起きますか?
- 元の画像と同じサイズの画像が出力されます(実質コピーと同じ)。出力形式の変換(例: PNGからWebPへ)のみを行いたい場合にも使えます。
- 100%以上を入力して画像を拡大できますか?
- はい。150%・200%を選択して拡大できますが、ラスター画像(JPEG・PNG・WebP)を拡大すると元のピクセル数が増えるわけではないためぼやける場合があります。拡大に適しているのはベクター形式(SVG)で、ラスター画像の拡大は解像度不足が目立つことがあります。
- アスペクト比は自動で維持されますか?
- はい。パーセント指定ではアスペクト比が自動的に維持されます。横2000px・縦1000pxの画像を50%にすると横1000px・縦500pxになります。縦横比が崩れる心配はありません。
- 50%にするとファイルサイズはどのくらい小さくなりますか?
- 50%リサイズではピクセル数が25%(縦横それぞれ半分なので面積は1/4)になります。JPEG・WebPはピクセル数の削減に比例して圧縮後のファイルサイズも大幅に小さくなります。Webページの画像最適化に有効です。
- 具体的なピクセルサイズで指定できますか?
- このツールはパーセント指定に特化しています。幅800pxなど具体的なピクセル数でリサイズしたい場合は「画像リサイズツール」をご利用ください。
- どのような用途で使いますか?
- Webサイト掲載用の画像縮小(ページ速度改善)・SNS投稿用の画像サイズ調整・メール添付用の容量削減(50%縮小)・印刷用から Web用への解像度変換・アプリ開発での@1x・@2x・@3x画像バリアント生成(66%・50%縮小)などに活用できます。
不具合や動作がおかしい点を見つけたら教えてください。
不具合報告はこちら →