画像クロップ — 円形・正方形・フリーフォーム、ブラウザ内処理
任意の画像を円形・正方形・カスタムアスペクト比にクロップ。無料、ブラウザ内処理、アップロード不要。
Drop your image here
PNG, JPG, or WebP — up to 50 MB
画像のクロップは最も基本的な編集作業の一つです。不要な端を切り落とす、構図を調整する、特定のレイアウトに合わせて形状を変えるといった用途があります。多くの簡易ツールにある基本的な矩形クロップとは異なり、本ツールは円形クロップ(アバターやプロフィール画像に最適)と、16:9(ワイドスクリーン)、4:3(写真)、1:1(Instagram 正方形)、3:2(クラシック 35mm フィルム)といった標準的なアスペクト比での中央クロップに対応しています。任意のレイアウトに合わせてカスタム比率を入力することもできます。
すべての処理はブラウザ内で行われます。サーバーとの通信も、アップロードも、アカウントも必要ありません。画像は Canvas API で読み取られ、クロップはメモリ内で実行され、結果は PNG 形式として再エンコードされます(円形クロップに必要な透明度を保持するため)。ファイルがデバイスから外に出ることは一切ないため、身分証明書用の写真や未発表のクリエイティブ作品など、機密性の高い画像に対しても安心してご利用いただけます。
使い方
画像をドロップ
PNG、JPG、または WebP ファイルをドロップゾーンにドラッグします(最大 50 MB)。画像はローカルで読み取られ、デバイスから外に出ることはありません。
形状と比率を選択
円形を選択すると正円クロップ(中央に配置された最大内接円)、正方形を選択すると指定したアスペクト比(1:1、4:3、16:9、3:2、またはカスタム)の矩形クロップを行います。
クロップしてダウンロード
「Crop」をクリックして適用します。出力は常に PNG 形式です(円形クロップで透明度を保持するため)。ファイル名には `-converted` サフィックスが付きます。
よくある質問
クロップ範囲外の部分はどうなりますか?
円形クロップの場合、円の外側にある領域は透明になります。正方形/アスペクト比クロップの場合、画像は選択した比率で中央クロップされ、中央領域の外側にある部分はすべて破棄されます。
どのアスペクト比に対応していますか?
1:1(正方形)、4:3(標準的な写真)、16:9(ワイドスクリーン)、3:2(クラシック 35mm)に対応しており、カスタムフィールドでは任意の比率を入力できます(例:CinemaScope 用の 2.35)。
出力は透明度を保持しますか?
はい。円形クロップでは四隅が透明になります。画像境界での正方形クロップは通常の内容を保持します。透明度を保持するため、出力は常に PNG 形式です。
特定の領域をクロップできますか?
v1 ではできません。クロップは常に中央に配置されます。フリー形式・特定領域のクロップには、デスクトップエディタを使用するか、他のツールと組み合わせてご利用ください。
画像がアップロードされますか?
いいえ。すべての処理は HTML5 Canvas API によりブラウザ内で行われます。ファイルがデバイスから外に出ることはありません。
クロップするとファイルサイズは小さくなりますか?
通常は小さくなります。ピクセル数が減るためです。円形クロップでは寸法は変わりませんが、広い透明領域は PNG で効率的に圧縮されます。
制限事項
- 中央クロップのみクロップは常に画像の中央に配置されます。v1 ではカスタム領域の選択やクロップ枠のパンはできません。
- フリー形式クロップ非対応このツールは、中央に配置された円、または指定した比率の中央配置矩形にのみクロップします。不規則な形状やフリーハンド描画には対応していません。
- 常に PNG を出力透明度(特に円形クロップの場合)を保持するため、入力形式に関わらず出力は常に PNG 形式になります。
プラットフォーム別の注意点
- macOS
- Safari、Chrome、Firefox で動作します。Preview.app は画像をクロップできますが、円形やカスタムアスペクト比でのクロップはできないため、本ツールが便利な補完となります。
- Windows
- Edge、Chrome、Firefox で動作します。MS Paint はクロップできますが、アスペクト比ガイドのない単一の矩形領域のみです。
- Linux
- 正方形クロップの CLI 等価コマンド: `convert input.png -gravity center -crop 1:1 output.png`。円形の場合: `convert input.png \( +clone -threshold 101% -fill white -draw 'circle %[fx:w/2],%[fx:h/2] %[fx:w/2],%[fx:h]' \) -alpha off -compose CopyOpacity -composite output.png`。
- Web
- 完全にクライアントサイドで動作します。アップロードやサーバーとの通信は一切ありません。最新のブラウザで開くだけですぐに使えます。