✂️
無料画像クロッパー
ドラッグして選択、オプションのアスペクト比制限 (1:1、16:9、4:3 など)、三分割グリッド、およびマルチフォーマット エクスポート (JPEG、PNG、WebP) を使用して画像をトリミングします。
読み込み後はオフラインでも動作
ここにファイルをドロップするか、クリックして選択
JPG, PNG, WebP, HEIC, HEIF · デバイス上で処理
または Ctrl+V でクリップボードから貼り付け
ヒント: Ctrl+V でスクリーンショットを貼り付けられます
ファイルがデバイスを離れることはありません。すべての処理はブラウザ内でローカルに行われます。
主な用途
- Instagramの写真をクロップInstagramの推奨アスペクト比(1:1(正方形)、4:5(縦)、1.91:1(横))にクロップします。
- プロフィール写真を正方形にクロップLinkedIn、Twitter、GitHub、またはソーシャルメディアプラットフォーム用の正方形プロフィール写真を作成します。
- YouTubeと記事のサムネイルをクロップYouTubeビデオとほとんどのブログヒーロー画像で使用される16:9アスペクト比にクロップします。
- パスポート/ID写真をクロップパスポート、ビザ、ID申請用の標準2:3肖像アスペクト比に写真をクロップします。
- eコマース製品写真をクロップAmazon、Shopify、Etsy、その他のマーケットプレイス用の製品写真のアスペクト比を標準化します。
使い方
トリミングはHTML5 Canvas APIを使ってブラウザ内で完全に行われます — アップロード、サーバーは不要です。キャンバス要素上で直接選択領域をドラッグし、トリミングを適用すると、ブラウザ内蔵の2Dレンダリングエンジンが選択されたピクセルのみを読み取り、JPEG、PNG、WebPに再エンコードします。
- 1画像はメモリに読み込まれるファイルはURL.createObjectURL()で読み込まれ、ブラウザにローカルのblob URLが渡されます。HTMLImageElementがブラウザタブ内で完全にファイルをデコードします — 画像のバイトデータは端末の外に出ることはありません。
- 2Pointer Eventsがトリミングの選択を駆動するブラウザのPointer Events API（マウス、タッチ、ペン入力を統一する）が、キャンバスのオーバーレイ上のドラッグを追跡します。選択範囲の外を押すと新しい矩形が始まり、内側を押すと移動し、右下の角付近を押すとリサイズします。任意のアスペクト比プリセット（1:1、16:9、4:3など）がドラッグ中の形状を制約します。
- 3Canvasがライブプレビューを描画するトリミングが変わるたびに、Canvas 2Dコンテキストは画像を再描画し、選択範囲の外に暗いオーバーレイを適用し、選択範囲は元の画像を完全な忠実度で示すようクリアし、三分割法のグリッドとティール色のリサイズハンドルを重ねます。
- 4toBlob()が結果をエンコードして提供する「トリミング」をクリックすると、正確なトリミング寸法で新しいオフスクリーンキャンバスが作成されます。ctx.drawImage()が選択された矩形のみをコピーし、canvas.toBlob()が選んだ品質設定でブラウザネイティブのJPEG、PNG、WebPエンコーダーを使って結果をエンコードします。出力はダウンロード用のローカルblob URLとして返されます。
あなたの画像はローカルのblob URLとして開かれ、ブラウザタブ内で完全に処理されます — いかなる時点でもサーバーにはアップロードされません。
関連ツール
フォトコラージュメーカー
写真をグリッドコラージュに組み合わせます。間隔、丸角、ソーシャルアスペクト比プリセット。HDエクスポート、アカウント不要、透かしなし。
試してみるファイルはローカルに留まります
写真スライドショーメーカー
写真を、音楽、クロスフェード、スローなズーム効果付きのMP4スライドショーにします。16:9、9:16、または正方形、最大1080p。ブラウザで作成。写真はアップロードされません。
試してみるファイルはローカルに留まります
名言画像メーカー
名言をシェアできる画像にします。作者を追加し、色、グラデーション、または自分の写真を選び、フォントとサイズを決めて、PNGをダウンロードできます。
試してみる