ブラウザでの切り取り方法
選んだ画像は、サーバを介さずこの画面の中だけで処理されます。アップロードも、どこかに残る一時ファイルもありません。読み込みが終われば外部への通信も発生しません。切り取り枠を引いて残したい範囲を囲むと、その場で結果が描き直されます。作業が手元の端末から出ないので、社外秘の書類や私的なスクリーンショットでも安心です。通信が途中で切れても操作は続けられます。
JPG、PNG、WebP、AVIFに対応。1:1、16:9、9:16、4:5、3:2、4:3など自由なアスペクト比で切り取れます。
または画像をここにドロップ
トリミング中…
Araluma のトリミングツールはブラウザ内で画像を長方形に切り取ります。JPG、PNG、WebP、AVIF のファイルをページにドロップすると、切り取りキャンバスがすぐに開きます。ハンドルをドラッグして範囲を決め、比率チップ(1:1、16:9、9:16、4:5、3:2、4:3、A4)をタップして固定するか、ピクセル数を直接入力すると枠が合わせて変わります。出力サイズはダウンロードする前に、元画像のピクセル数でその場に表示されます。画像は端末から離れません。DevTools のネットワークタブを見れば、切り取り中に外向きの画像リクエストがないことを確認できます。PNG と WebP は元の透明部分をそのまま残し、JPG は透明部分を白で塗ります。EXIF メタデータはすべての書き出しで取り除かれます。ソフトをインストールせず、1枚ずつ正確な長方形切り取りをしたい方に向いています。
選んだ画像は、サーバを介さずこの画面の中だけで処理されます。アップロードも、どこかに残る一時ファイルもありません。読み込みが終われば外部への通信も発生しません。切り取り枠を引いて残したい範囲を囲むと、その場で結果が描き直されます。作業が手元の端末から出ないので、社外秘の書類や私的なスクリーンショットでも安心です。通信が途中で切れても操作は続けられます。
比率チップ(1:1 は正方形、16:9 は横長、9:16 は縦長、4:5、3:2、4:3、A4)をタップすると、選択枠がその比率に固定されます。画像のどこに枠を置くかは自由にドラッグして決められます。特定のピクセル数を狙う場合は、幅と高さの入力欄に直接タイプすれば枠がそのサイズに合わせて変わります。出力は常に選択した範囲の元ピクセル数と同じです。このツールは拡大しません。選択範囲が幅 600 ピクセルなら、出力ファイルも幅 600 ピクセルです。
元のファイルに透明な部分(PNG、アルファ付きの WebP、アルファ付きの AVIF)があり、出力形式に JPG を選んだ場合、その透明ピクセルは白で塗りつぶされます。JPG にはアルファチャンネルがないので、透明情報を保存する場所がありません。透明を残したい場合は、完了画面のフォーマット選択で PNG、WebP、AVIF のいずれかを選んでください。PNG と WebP は元のアルファチャンネルをそのまま引き継ぎます。AVIF もアルファに対応しています。フォーマット選択には各オプションの特徴が表示され、ダウンロード前に選び分けられます。
Tab キーで切り取り枠に移動し、矢印キーで選択範囲を 1 ピクセルずつ動かせます。Shift を押しながらだと 10 ピクセル単位になります。キーボード操作は後付けではなく最初から組み込まれているので、数値どおりに正確に合わせるのも目分量で合わせるのと同じくらい簡単です。トラックパッドで縁にうまく合わせられないときや、マウスを使わずに作業するときに役立ちます。スマートフォンではタッチにも対応し、ピンチで拡大してから角をドラッグして取り直せます。
切り取り後、完了画面でダウンロード形式を選びます。4 つすべて無料で、透かしは入りません。PNG は劣化なしで透明な背景を保ちます。JPG は軽い圧縮をかけ、ほとんどの写真で元と見分けがつかず、透明部分のない画像では最小のファイルになります。WebP はその中間で、PNG より小さく、それでいて透明度を保てます。AVIF は同じ画質で 4 つの中で最も強く圧縮しますが、セッション内で最初の AVIF 書き出しだけ少し時間がかかります。既定の形式は元のファイルに合わせます。
このツールは長方形(正方形、横長、縦長、任意のピクセル数)だけを切り取ります。背景透過の丸い切り抜き、たとえばプロフィール写真には Circle Crop を使ってください。同じくブラウザ内で動きますが、出力は丸い PNG です。Instagram の 1080×1080、YouTube のサムネイル 1280×720、Facebook のカバー 1200×630 など、プラットフォーム別の決まった寸法には、Crop ファミリーのプリセットページを開けば最初から入っています。形を変えずに形式だけ変えたい場合は、Convert ツールで PNG、JPG、WebP、AVIF に変換できます。
ツールを開いて、JPG、PNG、WebP、AVIF のファイルをアップロード領域にドロップするか、クリックして端末から選びます。
比率チップ(1:1、16:9、9:16、4:5、3:2、4:3、A4)をタップするか、幅と高さの入力欄にピクセル数を直接入れて切り取り枠を決めます。
残したい部分に切り取り枠をドラッグし、角や辺からサイズを調整して、リアルタイムの表示で必要な出力寸法に合わせます。
切り取りボタンを押し、完了画面で出力形式(PNG、JPG、WebP、AVIF)を選んで、ファイルを端末にダウンロードします。
画像を切り抜くには、切り取りツールに画像をドロップし、比率を選ぶかピクセル数を入力します。残したい範囲に枠をドラッグして、切り取りボタンを押してダウンロードします。すべてブラウザ内で処理されます。最近の端末では、アップロードからダウンロードまで 10 秒もかかりません。
PNG をツールにアップロードし、比率かピクセル数を設定し、枠を合わせて切り取りボタンを押します。完了画面で出力形式に PNG を選べば、アルファチャンネルがそのまま保たれます。JPG を選ぶと透明部分が白になります。PNG 出力は劣化がないので、切り取りで画質が下がることはありません。
正方形投稿には 1:1、縦長フィード投稿には 4:5、ストーリーやリールには 9:16 を使います。比率チップをタップしてから、枠を被写体に合わせてドラッグし、切り取りボタンを押すだけです。出力寸法は枠の元ピクセル数と同じです。
Instagram の正方形投稿は 1:1、縦長フィードは 4:5、ストーリーとリールは 9:16、YouTube のサムネイルや Twitter のヘッダーは 16:9 が定番です。Facebook のカバーは 1200×630 ピクセル(およそ 2:1)が最適です。このツールには 1:1、16:9、9:16、4:5、3:2、4:3 のチップと、カスタムピクセル入力があります。
デフォルトは入力と同じ形式で、完了画面でダウンロード前にいつでも変えられます。
丸い出力(角が透明)には /circle-crop/ の Circle Crop を使ってください。同じくブラウザ内で処理し、丸い PNG を返します。こちらの crop-image ツールは長方形専用で、正方形、横長、縦長、カスタムピクセル数の切り取りに対応しています。
良い円形クロップの背後にある技、フォーマット、小さな決定についてのチームからのメモ。