関連ツール 画像を圧縮 画像形式を変換 画像をドット素材に 割合、片方、または両方 割合では両辺に同じ倍率を掛けて丸めます。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フィルター)から取り、上の計算はそのコードに従っています。
画像サイズを変更 幅と高さを指定。縦横比も維持できます。
使い方 元ファイルを開く 処理方式と設定を選ぶ 実行して結果を確認し保存 対応形式 PNG / JPG / WebP / AVIF / HEIC → PNG — 読み込み・書き出しはブラウザの対応状況によります。 アニメーション入力は非対応です。静止フレームを選択してください。
このツールでできること タイル型mks2013・Lanczos補間と数値サイズ・比率・長辺・画素数の設定。
処理方式と検証状況 advanced · Pica tiled mks2013 / Lanczos. 品質検証中です。Pro・Flagship水準はまだ実証されていません。
書き出す前に 端末のメモリ・保存容量・コーデック対応によります。テスト例はすべてのファイルの動作保証ではありません。
よく使う作業 Instagram正方形投稿サイズ(1080×1080)に変更 Instagram縦長投稿サイズ(1080×1350)に変更 Instagramストーリーズ・リールサイズ(1080×1920)に変更 YouTubeサムネイルサイズ(1280×720)に変更 YouTubeチャンネルバナーサイズ(2560×1440)に変更 X(Twitter)ヘッダーサイズ(1500×500)に変更 LinkedInバナーサイズ(1584×396)に変更 Discordサーバーバナーサイズ(960×540)に変更 よくある質問 対応サイズは何で決まりますか? 端末のメモリ・保存容量・コーデック対応によります。テスト例はすべてのファイルの動作保証ではありません。
ファイルはアップロードされますか? このツールで開いたファイルはアップロードせず端末で処理します。コミュニティの投稿に明示的に添付する画像は別途アップロードされます。一部のエンジンやモデルは外部から取得するため、IPアドレスなどの接続情報は配信元に伝わります。
作業は自動保存されますか? いいえ。画像と編集状態はこのタブに保持され、メディア出力は端末の一時保存を利用する場合があります。言語を変えても作業は残りますが、再読み込み、タブを閉じる操作、別のページへの移動で失われることがあります。