画像サイズを変更

幅と高さを指定。縦横比も維持できます。

サイズ変更は画像のピクセル数を変える処理です。割合(%)か、幅・高さのピクセルを入力します。片方だけなら比率が保たれ(4032 × 3024の写真で幅1080なら1080 × 810)、両方入れると合わせ方が適用されます。全体が見えるように収める、埋めてはみ出しを切り取る、伸ばす、の3つです。Nerulioは初期設定で、片方指定や伸ばすときに元より大きくせず、PNG・JPG・WebPは元の形式を保ち、Picaのmks2013フィルターでリサンプリングします。Instagram・YouTube・X・LinkedIn・Discordのプリセットは詳細設定にあります。

画像をここにドロップ複数のファイルをまとめて処理できます
アップロードなし · この端末で処理

割合、片方、または両方

割合では両辺に同じ倍率を掛けて丸めます。4032 × 3024の50%は2016 × 1512です。ピクセル指定で片方を空けると比率が保たれ、高さ = round(3024 × 1080 ÷ 4032) = 810になります。両方を入れると、画像と枠の比率はたいてい違うので、その差をどう扱うかを合わせ方で決めます。

全体が見えるように収める(contain、初期値)は画像全体を枠に入れて中央に置きます。余る帯はPNG・WebPでは透明か余白の色、JPGでは白になります。埋めてはみ出しを切り取る(cover)は枠が埋まるまで拡大し、はみ出した分を両側から均等に切り取ります。伸ばすは比率を無視してゆがめます。「元より大きくしない」は初期設定でオンですが、割合・片方・伸ばすにだけ効き、収める・埋めるでは枠に合わせるために小さな画像を拡大することがあります。

Contain(収める)
画像全体が見え、比率が違えば余白ができます。
Cover(埋めて切り取る)
枠を完全に埋め、中央基準ではみ出した部分を切り取ります。
mks2013
Magic Kernel Sharp 2013。ここでのすべてのサイズ変更に使うPicaのリサンプリングフィルター。

4032 × 3024の写真1枚を5通りに(コードから計算)

元のサイズは1,200万画素の写真の例で、結果はサイズ変更タスクの target() と fitQuality() に従います。

50 %                      -> 2016 x 1512
幅1080のみ                -> 1080 x 810     (3024 x 1080 / 4032 = 810)
1080 x 1080、contain      -> 画像 1080 x 810、中央、上下に135 pxの余白
1080 x 1080、cover        -> 中央の3024 x 3024を切り出し 1080 x 1080に
1080 x 1080、伸ばす       -> 1080 x 1080、顔が25 %つぶれる

800 x 600の画像に幅1200、「元より大きくしない」オン -> 800 x 600のまま

ファイル名は結果のサイズになります。例:photo-1080x810.jpg。複数のファイルをまとめて入れると同じ設定で変換され、ZIP 1つで保存できます。

結果の確認

  • 結果一覧にファイルごとの新しいピクセルサイズ(「4032×3024 → 1080×810」)が出ます。提出先の求めるサイズと比べます。
  • containなら余白を見ます。PNGでは透明、JPGでは白(または指定した余白の色)です。
  • coverなら、左右や上下で大事な部分が切れていないか確認します。

トラブルシューティング

症状考えられる原因確認方法対処
幅だけ入れたのに高さも変わった片方だけだと元の比率を保つ結果が例:1080 × 810両方を入力し、合わせ方を選びます
画像が大きくならない「元より大きくしない」が割合・片方・伸ばすを制限している元画像が指定サイズより小さい詳細設定で外します。拡大しても細部は増えません
白や透明の帯が出たcontainは比率の違う枠に画像全体を収める結果に余白がある枠を埋めるならcoverを選ぶか、余白の色を指定します
頭が切れたcoverは中央基準で切り取る元画像と比べる先に切り抜きで構図を決めてからサイズを変えます

ほかの方法

方法こんなときに向いています
切り抜き中央以外の部分を残したい、回転や水平調整もしたい場合。
最大幅を指定して圧縮目的が小さなファイルの場合。サイズ変更と圧縮を一度に行います。
ドット絵の拡大ドット絵をなめらかにではなく、整数倍のニアレストネイバーでくっきり拡大したい場合。

この方法の限界

  • リサンプリングは常になめらかな方式(mks2013)です。ドット絵にはニアレストネイバーのツールを使います。
  • JPG・WebPの出力は画質0.92固定で、EXIFは書き込みません。

バージョンと出典

動作はこのリポジトリの版の src/task/resize.js、src/image.js の fitQuality()、src/resample.js(Pica 10.0.3、mks2013フィルター)から取り、上の計算はそのコードに従っています。

使用例

元の図形サンプル · 96 × 64
元の図形サンプル · 96 × 64
処理後のサンプル · 48 × 32
処理後のサンプル · 48 × 32

このツールで作成した例です。ZIPツールはプレビューを表示します。すべてのファイルはダウンロードしたZIPで確認してください。

画像サイズを変更

幅と高さを指定。縦横比も維持できます。

使い方

  1. 元ファイルを開く
  2. 処理方式と設定を選ぶ
  3. 実行して結果を確認し保存

対応形式

PNG / JPG / WebP / AVIF / HEIC → PNG — 読み込み・書き出しはブラウザの対応状況によります。 アニメーション入力は非対応です。静止フレームを選択してください。

このツールでできること

タイル型mks2013・Lanczos補間と数値サイズ・比率・長辺・画素数の設定。

処理方式と検証状況

advanced · Pica tiled mks2013 / Lanczos. 品質検証中です。Pro・Flagship水準はまだ実証されていません。

書き出す前に

端末のメモリ・保存容量・コーデック対応によります。テスト例はすべてのファイルの動作保証ではありません。

よくある質問

対応サイズは何で決まりますか?

端末のメモリ・保存容量・コーデック対応によります。テスト例はすべてのファイルの動作保証ではありません。

ファイルはアップロードされますか?

このツールで開いたファイルはアップロードせず端末で処理します。コミュニティの投稿に明示的に添付する画像は別途アップロードされます。一部のエンジンやモデルは外部から取得するため、IPアドレスなどの接続情報は配信元に伝わります。

作業は自動保存されますか?

いいえ。画像と編集状態はこのタブに保持され、メディア出力は端末の一時保存を利用する場合があります。言語を変えても作業は残りますが、再読み込み、タブを閉じる操作、別のページへの移動で失われることがあります。