赤青の境界を正方形で残す
入力と設定
4×2px、左2列赤・右2列青。比率1:1、PNG。
期待する結果
中央x=1から2×2px。保存画像の各行は赤1画素・青1画素。
画像トリミング
JPEG・PNG・WebP画像を自由比率または定番比率で切り抜き、端末へ保存します。
使い方
- 切り抜く画像を選びます。
- 縦横比と出力形式を選び、プレビューを確認します。
- 切り抜いて保存し、保存した画像の範囲を確認します。
入力
プレビュー上をドラッグすると切り抜き範囲を変更できます。
プレビュー
保存前に出力サイズを確認
画面内のプレビューは縮小されることがありますが、「切り抜き範囲」には元画像を基準にしたおおよその画素数が表示されます。保存画像も、プレビューの表示サイズではなく元画像の切り抜き範囲に合わせて出力します。
マウスやタッチ操作で範囲を調整できます。比率を選んだ後は、矢印キーで選択範囲を移動でき、Shiftキーを押しながら操作すると移動量が大きくなります。
このツールについて
画像を読み込んでプレビュー上をドラッグし、自由な範囲を選べます。定番比率を選ぶと中央の最大範囲へ合わせ、そこからドラッグで位置を調整できます。
処理はブラウザー内だけで行います。画像は保存・送信せず、出力時にメタデータを引き継ぎません。透明部分をJPEGへ保存する場合は白背景になります。
入力例と結果の確認
中央の正方形切り抜きと、元画像全体の保存を比べます。
「この例を試す」を押すと、上の入力と設定が例の内容に切り替わり、処理を実行します。「元の入力へ戻す」は1回ごとに直前の入力と設定を復元します。複数の例を試した場合は、戻す操作を繰り返すと最初の入力へ戻れます。ページを閉じるとこの履歴は失われます。
自由比率で全体へ戻す
入力と設定
同じ4×2pxを再選択。自由比率・PNG。
期待する結果
保存は4×2px。各行が赤・赤・青・青で元の画素を保持。
結果の見方
比率プリセットは中央の最大範囲です。「自由」は全体から始まり、ドラッグで範囲を選べます。選択範囲は矢印で1px、Shift＋矢印で10px移動します。表示プレビューと元画像の寸法は異なる場合があります。
対応範囲と注意点
JPEG/PNG/WebPを1枚、20,000,000バイト・4,000万画素まで。切り抜きはブラウザで再描画し、寸法を整数へ丸めます。JPEG保存は透過を白で合成し非可逆圧縮。メタデータや隠れたRGB値の保持は保証しません。復元は元ファイルと手動で動かした範囲・形式を含みます。
既知の4×2画素から中央2列と全体を独立に求め、保存PNGをデコードして全画素を照合します。
次の作業に使えるツール
横長の画像から正方形を切り抜く例
4000×3000 pxの画像で1:1を選ぶと、中央の3000×3000 pxが最初の切り抜き範囲になります。左右を500 pxずつ除く範囲です。
顔や被写体が中央にない場合は、そのまま保存せず位置を動かして確認します。出力サイズは元画像の切り抜き範囲に対応し、画面内のプレビュー寸法には合わせません。
よくある質問
元画像は変更されますか？
いいえ。新しい画像として保存します。
位置情報は残りますか？
canvasから新しく出力するためEXIFやGPSは引き継ぎません。
大きな画像も使えますか？
20MB・4000万画素を上限にしています。
関連ツール
ツールを紹介
ツール名と公開URLだけを共有します。入力した内容や処理結果は含まれません。
入力と保存について
残したい内容は、先に保管してください。このツールの入力内容・結果は自動保存されません。ページの更新・終了や、入力を消す操作・リセットで失われる場合があります。
お気に入り・表示言語は作業データとは別に保存され、サイトデータの削除で失われる場合があります。端末に保存済みのファイルは、ツールのリセットやサイトデータの削除では消えません。