画像の切り抜き、回転、反転

切り抜きはソース画像から矩形を切り取ります; 回転は補間なしで 90° または 180° 回転; 反転は水平または垂直にミラー。3 つすべてピクセル精度 — 最終エンコード段階までぼかしも再サンプリングもありません。出力フォーマットは入力から独立: JPG を切り抜いて PNG として保存可能、またはその逆。

例

入力:  4000 × 3000 JPG 横向き、2.8 MB
アクション: 90° 時計回りに回転、x=0 y=500 w=3000 h=3000 で 1:1 に切り抜き
出力: 3000 × 3000 JPG、品質 92 → ~520 KB

よくある切り抜きの落とし穴

• 縦横比が間違った数値にロック。 9:16 のリールサムネイルが欲しいのにドロップダウンが 16:9 だと、結果は縦長ではなく横長になります。幅 / 高さを入力する前に比率ドロップダウンを確認してください。
• 切り抜き領域が画像を超えている。 幅 2400 px のソースから 3000 px の切り抜きを要求するとソース端にクランプされます。プレビューが予想より短ければ、切り抜きが範囲外です。
• 切り抜きの前ではなく後に回転。 タイトな矩形に切り抜いてから 90° 回転すると、矩形は横向きに。先に回転と反転を — ボタンが切り抜きフィールドの上にグループ化されているのはそのためです。
• 小さいファイルが欲しいのに PNG で保存。 写真の切り抜きに PNG は大きいままです。写真なら Format を JPG か WebP に; スクリーンショット、文字、透明度のある画像は PNG のままで。
• 適用のクリックを忘れた。 切り抜き入力の変更はオーバーレイを更新しますが、ダウンロードは最後に適用された結果を送ります。残したい変更のたびに適用を押してください。
• EXIF 回転されたスマホ写真の切り抜き。 一部のスマホは写真を物理的には横向きに保存し、回転フラグを付けます。このツールはそのフラグを尊重しますが、パイプライン内の他アプリがそうでないと、切り抜き座標がずれることがあります。

切り抜き X / Y / Width / Height がなぜパーセントでなくピクセルなの?

ピクセルは曖昧さがなく、画像エディタが使うものと一致します。ソースが 4000 × 3000 と分かっていれば、x=500、y=300、w=3000、h=2250 の切り抜きは正確で再現可能。パーセント基準の切り抜きは、画像を先に回転したりサイズ変更したりするとずれます。

回転や反転で画像品質は落ちる?

90° と 180° の回転、水平 / 垂直の反転は可逆なピクセルシャッフル — 補間なし、品質損失なし。最終の切り抜き段階で選んだフォーマットに再エンコードされます (PNG は可逆、JPG / WebP は品質設定に依存)。

このツールがサポートする縦横比は?

フリー (任意の W × H)、1:1 (正方形)、4:3 と 3:4 (標準写真)、16:9 と 9:16 (ワイドスクリーン / 縦動画)。縦横比をロックすると幅を変えたときに高さが自動更新されるので、切り抜き領域が比率から外れることはありません。

どのフォーマットにエクスポートできる?

入力フォーマットに関わらず、出力は PNG、JPG、WebP が可能。PNG は可逆で、スクリーンショットやフラットカラーのグラフィックに最適。JPG と WebP は非可逆で、写真ではずっと小さなファイルになります。WebP は通常、同等の JPG より 25–35% 小さい。

非常に大きな写真を切り抜ける?

はい、ブラウザのメモリまで。ソースは createImageBitmap でデコードされ canvas に描画されます。~100 メガピクセル超の写真は低メモリのスマホでデコードに失敗することがあります。その場合、先にソースをリサイズしてから切り抜いてください。

ここで切り抜いた画像を保存しますか?

いいえ。ドロップされた画像も、ダウンロードされる切り抜き版も保存しません。タブを閉じたり更新したりした瞬間にすべて破棄 — ログもなく、何を切り抜いたかの記録は当方には残りません。追加の安心が欲しければ、ブラウザの DevTools で確認できます。