使い方
Image Crop Studio は、ブログやSNSに投稿する画像を数秒でトリミングできる無料ツールです。画像はサーバーへアップロードされず、すべてお使いのブラウザ内で処理されます。ここでは基本の流れを4つのステップで紹介します。
STEP 1画像を読み込む
トップページ中央の点線エリアに画像をドラッグ&ドロップするか、エリアをクリックしてファイルを選択します。コピーした画像を Ctrl+V(Macは⌘V)で貼り付けることもできます。
STEP 2トリミングする
読み込んだ画像は、枠に対して自由に動かせます。
- ドラッグ … 画像の位置を移動
- 2本指ピンチ(スマホ / トラックパッド) / ズームスライダー … 拡大・縮小
- 中央に配置ボタン … 画像を枠にぴったり合わせて中央へ戻します
右側の設定パネルで比率(16:9 / 1:1 / 4:3 / 3:2 / 9:16 / 自由)や、note・YouTube・X などのサイズプリセットを選ぶと、トリミング枠が自動で切り替わります。プリセットにないサイズは、プリセット下のカスタム欄に幅×高さを入力してください(単位は px / cm / mm から選べ、cm・mm のときは解像度(dpi)で px に換算されます)。比率やプリセット、カスタムサイズを変更するたびに、画像は枠にぴったり合う状態で画面中央にリセットされるので、毎回同じ状態から調整を始められます。
「自由」を選んだときは画像が中央に固定され、枠だけを操作してトリミング範囲を決めます。枠の内側をドラッグすると移動、四隅・辺のハンドルをドラッグすると好きな形にリサイズできます。回転が必要なときは「回転」カードの 90°・180°・微調整スライダーを使ってください。
STEP 3キャンバスサイズを変更する(余白の追加)
「キャンバスサイズ変更」カードのスイッチをオンにすると、トリミングした画像の周囲に余白を追加できます。画像そのものは縮小・拡大されません。オンにすると操作画面に点線で保存されるキャンバス全体が表示され、余白の量や色を実際に見ながら調整できます。
- 幅・高さ … 最終的なキャンバス全体のサイズ(px)
- 縦横比を固定 … オンにすると、幅を変えたとき高さが自動で追従します
- 余白色 … 白・黒・透明・カラーピッカーから選択(透明は PNG / WebP 保存時のみ)
STEP 4保存する
「保存」カードで形式(PNG / JPG / WebP)を選び、プレビューして保存ボタンを押します。保存前に最終画像・サイズ・ファイル容量を確認でき、ファイル名も自由に変更できます(拡張子は自動で付きます)。「ダウンロード」を押すと端末に保存されます。
もっと詳しく
画像の取り扱いや対応形式など、その他の疑問はよくある質問にまとめています。