画像と写真 · Social Image Resizer
ピクセル、DPI、デバイスのピクセル比: 画面上の「解像度」が意味するもの
· 背景
画像解像度 ピクセル 画像のサイズ変更
印刷習慣では 300 DPI と表示されますが、ソーシャル プラットフォームは DPI を完全に無視し、ピクセルの寸法とデバイスのスケール方法のみを考慮します。この投稿では、ピクセル、ポイント、DPI メタデータ、デバイスのピクセル比を解きほぐし、間違ったものをエクスポートしないようにします。
まだぼやけた「300 DPI」画像 — 画面に印刷ルールを適用する際の具体的な混乱
300 DPI というラベルの付いた画像は、表示領域に対して含まれるピクセルが少なすぎる場合でも、画面上では柔らかく見えることがあります。 DPI は、ピクセルを物理的な印刷サイズに結び付けます。サンプルの製造は行っておりません。 Social Image Resizer は出力の幅と高さをピクセル単位で要求しますが、DPI フィールドは決して提供しません。
そのインターフェイスの選択により、製品契約が定義されます。現在のポートレート プリセットは 1080×1350 ピクセルで、カスタム比率モードは最長エッジから整数ピクセル寸法を導き出します。エンコーダーはキャンバスから新しいイメージを書き込みます。このコードは、印刷濃度タグを読み取り、保存したり、ユーザーに編集させたりすることはありません。
DPI メタデータはこのツールの制御の範囲外です。出力ジオメトリはピクセル単位で定義されます
印刷の場合、ピクセル寸法を選択したドット数またはインチあたりのピクセル数の値で割ることで、物理サイズを推定します。この関係はプリンターを導くことができますが、同じファイルはピクセル サンプルを獲得したり失ったりすることなく、異なる密度のメタデータを保持できます。 1200×1200 イメージは、変更された印刷タグに関係なく、1,440,000 ピクセルのままです。
この記事は、画面はいかなる状況においても DPI を読み取ることはないという概要の強い主張を訂正します。リポジトリは、すべてのブラウザ、アプリケーション、または CSS 画像の動作をテストするわけではありません。これが証明しているのは、ToolAcre のフレーム演算では DPI メタデータではなく、ビットマップとターゲット ピクセルの寸法が使用されるということです。
72 DPI 履歴はリポジトリの証拠の外にあるため省略されています
おなじみの 72 DPI ストーリーは表示履歴に属しますが、その履歴に関する引用ソースはツール リポジトリに表示されません。それを繰り返すと、輪郭は裏付けのない事実になってしまいます。このワークフローでは、有益なレッスンは独立しています。つまり、密度ラベルとピクセル グリッドは別の情報です。
歴史的な来歴が重要な場合は、出典のある表示履歴リファレンスを参照してください。社会作物が重要な場合は、幅と高さを検査してください。これらの質問を分けておけば、印刷時代のラベルによって査読者の注意が実際の対象キャンバスや画像が表示されるスケールから逸れることがなくなります。
デバイスのピクセル比 — 携帯電話の論理ポイントが 2 つまたは 3 つの物理ピクセルで支えられている理由と、それが必要な画像の大きさの意味
デバイスのピクセル比は、CSS 表示単位を物理デバイスのピクセルに関連付けます。レスポンシブ ページでは、より高密度の画面上により多くのハードウェア ピクセルを備えた同じ CSS サイズの要素が表示される場合があります。 ToolAcre は画面上のプレビュー キャンバスに devicePixelRatio を使用しますが、exportTarget はターゲットの完全な出力寸法で個別にレンダリングします。
この分離により、プレビューの裏解像度とダウンロードされたファイル サイズの混同を避けることができます。高密度の携帯電話を使用すると、プレビュー キャンバスが鮮明になりますが、エクスポート プリセットが黙って増加するわけではありません。結果テーブルには、実際のファイルのサイズが報告されます。これは、別のワークフローに渡す正しい値です。
DPI およびアップロード ディメンションの宛先処理は外部で検証する必要があります
ワークブックでは、プラットフォームは DPI を無視し、独自の寸法にサイズ変更すると述べています。宛先の動作はリポジトリの外部にあるため、この記事はそれを普遍化するものではありません。現在の目的地案内を参照し、実際の結果を検査してください。 ToolAcre が保証できるのは、ローカル キャンバス出力のピクセル寸法のみです。
宛先要件がピクセルで記述されている場合、それらのピクセル、または現在文書化されている代替案と一致します。印刷ワークフローでもファイルを使用する場合は、適切なツールでその密度メタデータを管理します。 DPI 数値が大きく聞こえるという理由だけで、1 つの派生関数が両方のユースケースを満たさない可能性があります。
作業例: サポートされていない DPI 要求を脇に置いてピクセル寸法を比較する
同じソースから 2 つのテスト エクスポートを作成します。1 つは現在の 800×800 プロファイル プリセット、もう 1 つは 1080×1080 スクエア ポスト プリセットです。等しい CSS 表示サイズおよび 1 対 1 ピクセルでそれらを比較します。グリッドが大きくなると、レンダラはより多くのソース サンプルを処理できるようになりますが、目に見えるメリットは表示とコンテンツによって異なります。
ToolAcre はそのようなコントロールを公開しないため、この演習では DPI タグを変更したり要求したりしないでください。寸法、フォーマット、測定バイト数、および観察された外観のみを記録します。この証拠は、ツールが実際に何を変更したかを示し、検査も選択もされなかったメタデータが鮮明さであると考えることを避けます。
これでカバーされないもの — DPI が重要となる印刷制作と色校正
印刷物の制作、物理的な校正、およびカラー管理は分離されたままになります。プリンターには物理的な寸法、素材の知識、適切なピクセル密度が必要です。このクロッパーはこれらの要件を計算しません。その内容は、異常なソース カラー プロファイルがキャンバスを通じて保存されないことも警告しています。
インチ、センチメートル、裁ち落としまたは校正プロファイルが重要な場合は、印刷専用アプリケーションを使用してください。ジョブが画面指向の配置用のピクセル長方形である場合は、Social Image Resizer を使用します。明確な境界線により、成功した社会的輸出がプレス対応のマスターと間違われるのを防ぎます。
要点: ピクセル単位で考える — Social Image Resizer はピクセル寸法とアスペクト比で動作します。これが画面に表示されるすべてです。
ピクセルはすべてのフレーム方程式への入力であり、すべての出力キャンバスの寸法であるため、このツールではピクセル単位で考えてください。監査対象の宛先契約に別の記載がない限り、DPI を別の印刷メタデータとして扱います。デバイスのピクセル比は、名前付きエクスポート ターゲットではなく、ブラウザーがプレビューを表示する方法に影響します。
現在のプリセットまたはカスタムのピクセル サイズを選択し、ダウンロードした寸法を調べて、意図した表示スケールでテストします。このワークフローは、神話に関係なく実際的な問題を解決します。大きな DPI ラベルは小さなソースを補正できませんが、明示的なピクセル グリッドはレビュー担当者に測定可能なアーティファクトを与えます。