画像と写真 · ブラウザー画像 & 描画エディター
アスペクト比の説明: 3:2、4:3、16:9、およびそれらに合わせてトリミングする
· 背景
画像編集 キャンバス ブラウザ処理
すべてのカメラ、スクリーン、プラットフォームには写真の形状に関する意見があり、トリミングはそれらを調整する方法です。この投稿では、一般的な比率がどこから来たのか、また主題を見失うことなく、ある比率から別の比率に切り取る方法について説明します。
どこにも収まらない写真 — 1 つの画像、3 つの配置、3 つの異なる形状
1 枚の写真が完全に使用可能であっても、3 つの異なる配置にうまく適合しない場合があります。横向きのフレームは、バナー用に側面をトリミングしたり、縦向きのカード用に上下を縮小したり、正方形のサムネイル用にエッジのバランスを取る必要がある場合があります。最初の有用な違いは形状です。アスペクト比は高さに対する幅を表しますが、エディターは比率をロックするコントロールではなく、自由に切り抜く四角形を提供します。
複製画像を使用して違いをテストします。目的の形状を書き留め、その長方形をスケッチし、各トリミングを手でドラッグして、結果のピクセル寸法を読み取ります。メモリ内のドキュメントが変更されている間、ソース ファイルはデバイス上に残り、エクスポートによって別のラスター結果が得られます。カメラ、スクリーン、プラットフォームに関する過去の主張は、提供されたリポジトリの証拠の範囲外であるため、この計算には必要ありません。
アスペクト比とは何か — 幅と高さの比率、3000×2000 と 1500×1000 が同じ形状である理由、およびピクセル数が別の質問である理由
アスペクト比は関係であり、解像度ラベルではありません。 3000 by 2000 画像と 1500 by 1000 画像は両方とも 3:2 になります。これは、一方に 4 倍のピクセルが含まれている場合でも、幅を高さで割ると同じ結果が得られるためです。これらのアイデアを分けておくことで、正しい形状を選択しても、最終的な表示または印刷サイズに十分な詳細が自動的に選択されないというよくある間違いを防ぐことができます。
ターゲット比率については、最も有用なトリミングを提供するディメンションを保持し、その他のディメンションを解決します。 3:2 フレームは、3000 と 2000、1500 と 1000、または同じ関係を持つ任意の小さい整数のペアで表すことができます。このエディタには固定比率のプリセットやガイド オーバーレイがないため、ドラッグする前に計算を実行し、表示された寸法をチェックとして使用してください。
3:35 mm フィルムの 2 — 24×36 mm フレームがカメラのデフォルトをどのように設定するか
3:2 は、歴史的な約束としてではなく、ジオメトリとして使用します。この比率は、高さ 2 単位ごとに幅 3 単位を意味するため、2400 x 1600 のトリミングと 1200 x 800 のトリミングは同じアウトラインになります。その割合が特定の媒体を通じて一般的になったかどうかは、このリポジトリでは確立されていません。ここでの実際的な価値は、関係の計算と比較が簡単であることです。
主題から始めて、どのエッジが優先されるかを選択します。元の長方形が提案された 3:2 長方形よりも広い場合は、人物、物体、または地平線を使いやすい位置に保ちながら、辺から等しい量または不等量を削除します。ブラウザー エディターを使用すると、自由に選択して結果のピクセルをレポートできますが、四角形を 3:2 にスナップしません。
リポジトリは、3:2 の歴史的起源をソースとしていません。ここでは算術としてのみ使用してください
4:3 フレームは、もう 1 つの幅と高さの関係です。横に 4 ユニット、下に 3 ユニットごとに配置されます。多くの場合、3:2 よりもパノラマ感が劣りますが、その視覚的な印象を起源の物語と混同しないでください。ここで入手可能な証拠は、幾何学的形状の比較を裏付けるものであり、テレビ、コンパクトカメラ、またはその比率が一般的になった特定の歴史的経路に関する主張ではありません。
4:3 バージョンを作成するには、1600 x 1200 などの候補を計算し、その四角形を重要なコンテンツの上に配置し、余分な部分のみをトリミングします。同じ表示スケールで結果をトリミングされていない画像と比較します。クロップオーバーレイは選択範囲の外側の領域を暗くしますが、比率プリセットがないため、最終的な幅と高さはクロップをリリースした場所によって異なります。
リポジトリは、4:3 の歴史的起源をソースとしていません。その形状を比較する
16:9 は、ワイドスクリーンの歴史を発明するための招待状ではなく、計算として扱います。横に 16 ユニット、下に 9 ユニットにより、著しく広いフレームが生成され、この比率は、構図がその形状を占める必要がある場合に役立ちます。このワークフローで重要なのは、必要な四角形と削除できる対象領域であり、業界がどのようにしてこのワークフローに落ち着いたかについての裏付けのない説明ではありません。
元の画像が 3:2 の場合、16:9 トリミングでは通常、垂直方向のスペースを放棄するように求められます。上端付近に顔があったり、背の高い被写体があると撮影できなくなる可能性があるため、まず上下を確認してください。手動で長方形を描画し、ピクセル寸法を読み取り、コピーをエクスポートします。エディターには、その決定を行うための固定比率クロップ モードや組み込みの構成ガイドはありません。
リポジトリはワイドスクリーン履歴をソースしません。出自を考え出さずに 16:9 を計算する
正方形と垂直のフレームは、形状のコストが特に目に見えるため、比較に役立ちます。 1:1 トリミングでは、幅と高さが同じになります。垂直の 4:5 トリミングでは、側面のコンテキストを破棄しながら、正方形よりも被写体の上下に多くのスペースを与えます。これらはフレームに関する選択肢であり、このエディターに付属する固定プリセットではありません。リポジトリは、インターフェイスがプラットフォーム固有のガイドを描画するという主張をサポートしていません。
同じ複製から正方形、4:5 スタイルの縦方向のトリミング、および意図的に狭い縦方向のトリミングを作成します。何が最初に消えるかに注目してください: 背景の状況、手、看板、被写体の周りの呼吸する空間などです。各結果は自由な長方形であり、実際の寸法は選択後に確認する必要があります。プラットフォーム固有のプリセット サイズについては、Social Image Resizer を使用します。このエディタは、意図的な手動判断に適しています。
正方形と垂直のフレームは比較に便利であり、このエディターの固定プリセットではありません
ソースが 2000 による 3000、つまり明確な 3:2 イメージであるとします。 16:9 の場合、全幅切り抜きは 3000 × 1687.5 なので、1687 などの整数の高さを選択するか、切り抜く前に幅を便利な割り切れるペアに縮小します。 4:5 の場合、全高を維持するには 1600 ピクセルの幅が必要になります。 1:1 の場合、中央のクロップは 2000 by 2000 です。数字はイメージが変更される前の取引を明らかにします。
次に、中心が正しいと仮定するのではなく、被写体の周囲に各四角形を配置します。 16:9、4:5、および正方形のバージョンを個別にエクスポートし、ネイティブの寸法で比較します。エディターはラスター イメージをローカルでトリミングしてエクスポートできますが、フリーハンド選択から正確な比率を保証したり、欠落している背景を追加したり、構成ガイドを保存したりすることはできません。計算はコントロールです。ドラッグは実行です。
実用的な例: フリーハンドで切り取る前にいくつかの長方形を計算します
実際の順序は、最初に形状、2 番目に主題、3 番目にトリミングです。宛先に 3:2、4:3、16:9、正方形、または垂直フレームが必要かどうかを決定します。使用可能なピクセル長方形を計算します。次に、フレームから外れる部分を確認しながら選択を行います。このエディタは、その慎重なローカル ワークフローをサポートし、元のファイルを編集されたドキュメントから分離して保持しますが、固定比率のクロップ モードやオーバーレイは提供しません。
サービスが既知のプラットフォーム プリセットを必要とする場合、Social Image Resizer が検討すべき実装ルートとなります。タスクが事前に決定されたテンプレートのない慎重な切り抜きである場合は、ブラウザの画像および図面エディタを使用して、結果の寸法を検査し、コピーをエクスポートします。比率を算術として扱い、クロップを自動合成機能やサポートされていない歴史的文脈に関する約束としてではなく、視覚的な決定として扱います。