はじめに
画像クロッパーは、画像を正確に切り抜き、出力結果を細かく制御できるプロ向けの画像編集ツールです。強力な Cropper.js ライブラリをベースに構築されており、画像の切り抜きと加工に必要な機能を幅広く備えています。
主な機能
- 複数のアスペクト比: 定義済みの比率を選ぶことも、自由に切り抜くこともできます
- 複数の出力形式: PNG、JPEG、WebP として書き出せます
- 画質の調整: JPEG 形式の圧縮品質を調整できます
- 出力サイズの指定: 切り抜き後の画像に対して幅と高さを指定できます
- ドラッグアンドドロップ: ドラッグアンドドロップで簡単に画像をアップロードできます
- サンプル画像: すぐに試せるサンプル画像を内蔵しています
- 切り抜き履歴: 最近の切り抜き操作を記録できます
- ダウンロードとコピー: 切り抜いた画像を保存したり、クリップボードにコピーできます
対応ファイル形式
画像クロッパーは一般的な画像形式に対応しています：
- JPEG/JPG
- PNG
- WebP
- BMP
- GIF
- SVG
ブラウザー互換性
このツールは、次の機能をサポートする最新のブラウザーで動作します：
- HTML5 Canvas API
- File API
- Blob API
- Clipboard API（コピー機能で使用）
使い始める
- 「ファイルを選択」をクリックするか、画像をドラッグアンドドロップしてアップロードします
- 選択ボックスをドラッグして切り抜き範囲を調整します
- 必要なアスペクト比と出力設定を選びます
- 「画像を切り抜く」をクリックして結果を生成します
- 切り抜いた画像をダウンロードするか、コピーします
利用シーン
- プロフィール画像: 正方形のアバター画像を簡単に作成できます
- ソーシャルメディア: 各プラットフォームに適した画像サイズへ最適化できます
- Web デザイン: レイアウトに合ったサイズの画像素材を準備できます
- 写真編集: 大きな画像から必要な部分だけを切り出せます
- EC サイト: サイズが統一された商品画像を作成できます