画像トリミングツール

✂️ 画像トリミングツール

画像をアップロードしてドラッグで切り抜き範囲を指定。アスペクト比固定・回転・反転にも対応。ブラウザ内で完結し、サーバーへの送信は一切ありません。

🖼️

画像をここにドロップ、またはクリックして選択

JPG・PNG・WebP・GIF・BMP対応（最大20MB）

ファイル: —

サイズ: —

解像度: —

画像上をドラッグしてトリミング範囲を選択 — 選択範囲: なし

トリミングプレビュー

上で範囲を選択するとプレビューが表示されます

<div class="ic-dl-box">
  <div class="ic-dl-title">ダウンロード</div>
  <div>
    <div style="font-size:12px;font-weight:600;color:#6b7280;margin-bottom:6px;">フォーマット</div>
    <div class="ic-fmt-row">
      <button class="ic-fmt-btn active" data-fmt="image/png">PNG</button>
      <button class="ic-fmt-btn" data-fmt="image/jpeg">JPEG</button>
    </div>
  </div>
  <div class="ic-quality-row" id="ic-quality-row">
    <div class="ic-quality-label">
      <span>画質（JPEG）</span>
      <span id="ic-quality-val">90%</span>
    </div>
    <input type="range" class="ic-quality-slider" id="ic-quality-slider" min="10" max="100" value="90">
  </div>
  <button class="ic-dl-btn" id="ic-dl-btn" disabled>トリミング画像をダウンロード</button>
</div>

💡 使い方のコツ: キャンバス上をドラッグして切り抜き範囲を描きます。四隅・辺中央のハンドルをドラッグしてサイズを調整、範囲内をドラッグして移動できます。比率ボタンで縦横比を固定し、回転・反転でトリミング前に画像を整えましょう。

💼

画像編集の費用もfreeeで経費管理

freee会計なら、デザインツール費用・サブスク・外注費もクラウドで一元管理。確定申告もかんたん。

freeeを無料で試す →

使い方

STEP 1 — 画像をアップロード: ドラッグ＆ドロップするか、「ファイルを選択」から画像を開きます。JPG・PNG・WebP・GIF・BMP（最大20MB）に対応。

STEP 2 — トリミング範囲を指定: キャンバス上をドラッグして切り抜きたい範囲を選択します。紫色の破線と三分割グリッドが表示されます。

STEP 3 — 範囲を調整: 四隅・辺中央の白いハンドルをドラッグしてサイズを変更できます。選択範囲の内側をドラッグすると位置を移動できます。

STEP 4 — アスペクト比を固定（任意）: 比率ボタン（1:1、4:3、16:9、3:2）をクリックすると、ドラッグ中に縦横比が自動で固定されます。

STEP 5 — 回転・反転（任意）: 「90°回転」「左右反転」「上下反転」でトリミング前に画像を整えられます。

STEP 6 — プレビューとダウンロード: 右側のプレビューでリアルタイム確認。PNG/JPEGを選びダウンロードします。

アスペクト比の使い分け

比率	用途の目安
自由	制約なし、任意のサイズに切り抜き
1:1	Instagram正方形投稿、プロフィール画像
4:3	一般的な写真、プレゼンスライド
16:9	YouTubeサムネイル、ワイドスクリーン
3:2	カメラの標準比率、プリント

ブラウザだけで完結する理由

このツールはHTML5 Canvas APIを使ってブラウザ内で完全動作します。画像はサーバーに送信されず、アカウント登録も不要。インターネット接続がなくても（ページ読み込み後は）動作します。