画像のトリミング

新着

プリセット比率またはカスタムマージンで画像をトリミング

画像ツール

画像のトリミング の使い方

  1. 1画像をアップロード
  2. 2プリセット比率またはカスタムクロップ値を選択
  3. 3プレビューでクロップ領域を調整
  4. 4クロップをクリックしてダウンロード
  5. 5Download the result

画像のトリミング について

Crop images to a specific area using preset aspect ratios (1:1, 4:3, 16:9) or custom pixel margins. Perfect for social media, avatars and thumbnails.

画像のトリミングの主な機能

  • 正確なクロップ制御のための調整可能なマージンスライダー
  • 7つのアスペクト比プリセット：1:1、4:3、16:9、3:2、2:3、9:16、フリー
  • スライダー調整時にライブキャンバスプレビューが即時更新
  • PNG、JPG、またはWEBP形式での出力
  • 完全ブラウザベース — ファイルのアップロード不要
  • ドラッグ＆ドロップ画像アップロードサポート
  • クロップ結果のワンクリックダウンロード
  • 出力画像にウォーターマークなし

対応フォーマット

入力フォーマット

PNGJPGWEBPGIFBMP

出力フォーマット

PNGJPGWEBP

Transparency is preserved when exporting to PNG. JPG and WEBP use lossy compression.

使用例

Instagram用正方形トリミング

1:1プリセットを選択し、マージンスライダーで被写体を中央に配置します。

入力

Landscape photo (1920x1080)

出力

Square image (1080x1080)

YouTubeサムネイル用16:9トリミング

YouTubeが期待する正確な比率のために16:9プリセットを選択します。

入力

Portrait photo (800x1200)

出力

Widescreen crop (1067x600)

Remove unwanted border

Use Free mode and drag each margin slider inward to remove the border precisely.

入力

Scanned document with white borders

出力

Clean document without borders

主な使用ケース

  • Instagram、Twitter、またはFacebookのプロフィール写真用の正方形クロップ作成
  • YouTubeやブログ記事のカバー用16:9サムネイル作成
  • LinkedInや履歴書用のポートレート写真クロップ
  • スキャン文書から不要な余白を取り除く
  • E-コマース向けに一貫したフレーミングで商品画像を準備
  • 標準SNSサイズのバナー画像生成

トラブルシューティング

スライダー調整後にクロップ領域が小さすぎる

解決策

対辺（左右または上下）のマージン値を減らして、表示されるクロップ領域を大きくしてください。

選択したアスペクト比と出力が一致しない

解決策

「画像をクロップ」をクリックする前に希望のプリセットを選択していることを確認してください。フリーモードは比率制約を無視します。

PNG出力に黒いバーが表示される

解決策

フリーモードに切り替えて手動でスライダーを調整してください。ソース画像の比率が大きく異なる場合、一部のプリセットがパディングを追加することがあります。

よくある質問

正確なサイズにトリミングできますか？

はい。幅と高さを正確なピクセル値で入力してください。

どのフォーマットに対応していますか？

JPEG、PNG、WebP、GIF。

トリミングに正確なピクセル寸法を設定できますか？

ツールは画像寸法に比例したマージンスライダーを使用します。正確なピクセル出力には、トリミング後に画像サイズ変更ツールを使用してください。

ツールは画像品質を保持しますか？

はい。Canvas APIはフル解像度でレンダリングします。PNG出力はロスレス；JPGとWEBPは設定可能な品質のロッシー圧縮を使用します。

Does the tool work on mobile browsers?

Yes. The tool runs entirely in the browser and works on modern mobile browsers. Touch drag interaction is supported for slider controls.

Can I crop multiple images in one session?

Currently the tool processes one image at a time. Upload a new image after downloading the first result to crop another.

Can I set exact pixel dimensions for the crop?

The tool uses margin sliders which are proportional to the image dimensions. For exact pixel output, use the Resize Image tool after cropping.

Does the tool preserve image quality?

Yes. The Canvas API renders at full resolution. Choosing PNG output is lossless; JPG and WEBP use lossy compression with configurable quality.