Loading...
Loading...
写真をドロップして、12のアスペクトプリセットのいずれかでトリミングします — Instagramの正方形、9:16のストーリー、16:9のYouTubeサムネイル、Facebookカバー — または自由形式で。矩形をドラッグして、任意の角からサイズを変更し、JPG、PNG、またはWebPとしてフルソース解像度でエクスポートします。
画像トリマーは、写真をターゲット矩形にトリミングします — 特定のアスペクト比に画像を合わせたり、エッジの無駄なスペースを取り除いたり、構図を被写体に集中させたりするのに便利です。ほとんどの人にとって難しいのは、何をトリミングするかを選ぶことではなく、寸法を正しくすることです：Instagramは1:1の正方形または4:5のポートレートを求め、ストーリーやリールは9:16を求め、YouTubeのサムネイルは16:9を求め、Twitterカードは16:9を求め、Facebookのカバー写真は820×312を求め、自由形式のトリミングはあなたの編集眼が示すものを求めます。このトリマーは一般的なアスペクト比のプリセットをまとめているので、数字を覚える必要はなく、フルソース解像度でエクスポートされるため、出力が入力よりも柔らかくなることはありません。
JPG、PNG、WebP、GIF、BMP、またはAVIFファイルをアップロードエリアにドロップするか、デバイスから選択するためにクリックします。画像は下にレンダリングされ、デフォルトのトリミング矩形がフレームの80%をカバーし、中央に配置されます。
任意のプリセットチップをクリックします — 制約のない自由、正方形の1:1、ストーリーの9:16、サムネイルの16:9、Instagramポートレートの4:5、またはIG投稿、IGストーリー、YouTube、Twitter、FBカバーなどのプラットフォーム固有のプリセット。トリミング矩形は新しい比率にスナップします。
矩形をドラッグして移動するか、4つの角のハンドルのいずれかをつかんでサイズを変更します。アスペクトプリセットがアクティブな場合、矩形はサイズ変更中にその比率にロックされたままになります。三分割法のグリッドオーバーレイが構図に役立ちます。
JPG（小さく、損失あり、写真に最適）、PNG（ロスレス、鋭いエッジのグラフィックに最適）、またはWebP（同じ品質でJPGより小さい）を選択します。JPGとWebPの場合は、品質スライダーをドラッグします。PNGは常にロスレスです。
ダウンロードクロップをクリックします。ブラウザは、元の解像度の画像から新しいキャンバスにクロップされた領域を正確にクロップのピクセル寸法で描画し、エンコードして、ファイル名に寸法を含むダウンロードをトリガーします。
1. new Image()でソースファイルをデコードします — ブラウザはJPG/PNG/WebP/GIF/BMP/AVIFをネイティブに処理します。 2. <img>を介してソースをobject-fit: containでアスペクトロックされたコンテナ内にレンダリングします。 3. クロップ矩形はソース解像度のピクセル（x, y, w, h）で保存され、プレビューのピクセルではありません。 4. ドラッグ/リサイズ時に、ポインタのデルタはsource.width / preview.widthでスケーリングされ、プレビュー→ソースをマッピングします。 5. エクスポート時に、新しいキャンバスに描画します: ctx.drawImage(img, x, y, w, h, 0, 0, w, h)。 6. canvas.toBlob(format, quality)を介してエンコードし、ダウンロードをトリガーします。
クロップをソース解像度の座標（プレビュー座標ではなく）で保存することが重要な詳細です — これは、出力がクロップされた領域で元のファイルとまったく同じくらいシャープであり、再サンプリングがないことを意味します。プレビューはページ幅に自由にスケールできますが、クロップ矩形はそれに視覚的にスケールしますが、基になる数値は常にソース空間にあります。drawImageの9引数形式を使用すると、特定のソース矩形を同じ寸法の宛先キャンバスに引き出すことができ、クロップされた領域の1:1ピクセルコピーを生成します。
| 目標 | 推奨プリセット |
|---|---|
風景写真からの正方形のInstagram投稿 | IG投稿を選択（1:1）。矩形をドラッグして、被写体を安全ゾーンに保ちます — InstagramのUIはコーナーの一部をオーバーレイします。 1:1はほとんどの風景写真でタイトに見えます — より構図的に余裕のあるポートレートクロップには4:5を検討してください。 |
風景動画の静止画からの縦型ストーリーまたはリール | IGストーリーを選択（9:16）。クロップをリサイズして被写体に焦点を合わせます — 縦型の構図は通常、側面を失う必要があります。 9:16はリール、TikTok、YouTube Shorts、Snapchatにも適用されます。 |
1280×720の16:9 YouTubeサムネイル | YouTubeを選択（16:9）。被写体の周りにタイトなクロップをドラッグし、90以上の品質でJPGとしてダウンロードします。 ソースが1280×720より小さい場合、クロップはアップスケールされません — サムネイル用に高解像度のソースを使用してください。 |
Twitter投稿またはLinkedIn共有画像 | Twitterを選択（16:9）。テキストセーフマージンで構成します; 両方のプラットフォームは異なるサーフェスでわずかにクロップすることがあります。 16:9はほとんどのデスクトップブログのヒーロー画像にも適しています。 |
広いショットからのプロフィール/アバター | 1:1を選択し、顔の中心にタイトなクロップをドラッグします。アバターが透明なUIにオーバーレイされる場合はPNGとしてエクスポートします。 ほとんどのプラットフォームはアバターを円形にさらにクロップします — 被写体をコーナーから遠ざけてください。 |
Facebookページのカバー写真 | FBカバー（820×312比率）を選択します。左下のページ情報オーバーレイと右下のプロフィール写真オーバーレイに注意してください。 Facebookはモバイル用にカバー写真を再レンダリングします — 焦点を中央に保ってください。 |
大きなデジタルファイルからの4×6写真の印刷 | 3:2を選択します。構成してから、高品質のPNGまたはJPGとしてエクスポートし、印刷所に送ります。 3:2は35mmカメラのネイティブでもあります — 風景とポートレートの両方が機能します。 |
最終更新日：