画像と写真 · Social Image Resizer
ソーシャル メディア用の小さな画像のアップスケーリング: サイズ変更では回復できないもの
· 仕組み
画像のサイズ変更 画質 アップスケーリング
画像を拡大すると、リサンプラーにピクセル間のピクセルを作成するよう要求されるため、滑らかにすることはできますが、キャプチャされなかった詳細を復元することはできません。この投稿では、アップグレードすると何が起こるか、結果を判断する方法、および正直な代替案について説明します。
どろどろになったロゴ - 小さなファイルを引き伸ばして大きな配置を埋めるという具体的な失敗
小さなロゴは、より少ないソース ピクセルで表される情報に多くの出力ピクセルを割り当てることによってのみ、大きなソーシャル フレームを満たすことができます。結果のファイルには要求された幅と高さが含まれますが、追加のサンプルは推定値です。コンテナ内のピクセルが増えても、ソースが記録しなかったカーブ、テクスチャ、またはレタリングは再作成されません。
ToolAcre 独自の制限により、小さな画像を拡大しても詳細を追加することはできないため、利用可能な最大のオリジナルを推奨します。この警告は、エクスポートが完全に成功した場合にも適用されます。ジオメトリが成功したということは、フレームが満たされているかフィットしていることを意味します。拡大された被写体がキャンペーンに使用できるほど鮮明であることを保証するものではありません。
拡大時に補間が行うこと - 中間値の推定、および結果が鮮明ではなく滑らかになる理由
拡大中、drawImage はソース ビットマップをより大きな四角形にマッピングします。スムージングを有効にすると、キャンバスの実装は中間値を計算するので、トランジションのブロック状の部分が少なくなります。この操作により階段状のエッジを和らげることができますが、すべての推定値は隣接するソース サンプルによって制限されます。欠落した文字ストロークには、回復を待つ隠れたソース値がありません。
この区別により、補間と再構成が区別されます。 Social Image Resizer は、もっともらしい構造を生成する機械学習モデルではなく、ブラウザー キャンバスのサンプリングを実行します。出力は、供給されたピクセルの拡大解釈のままです。元のバッジに細い線を横切る 4 つのピクセルが含まれている場合、サイズ変更ではデザイナーが意図した正確な曲線を決定できません。
このブラウザは、最近接、双線形、または双三次の選択肢ではなく、スムージング コントロールを公開します。
アウトラインでは、最近傍法、双線形法、および双三次法を対比していますが、この UI はこれらの名前付きフィルターを提供しません。レンダラーはスムージングをオンにし、高品質を要求します。ブラウザ エンジンはそのヒントを尊重する方法を決定するため、正直な比較は、選択可能なアルゴリズム マトリックスではなく、テストされたブラウザでのスムーズな動作です。
ブロック感とぼやけは依然として有用な視覚的なカテゴリです。硬い正方形のピクセルは、スムージングが不十分であるか、極端な拡大率であることを示しています。ソフト境界により、より広いエリアにまたがる推定値が明らかになります。どちらの結果も新しい詳細ではありません。非表示のリサンプラーが異なると、同じスケール係数が異なって見える可能性があるため、ツールを比較するときにブラウザー、ソース ディメンション、および出力ディメンションを記録します。
普遍的な数値しきい値なしで配送サイズで拡大を判断します
画像が受け入れられなくなる普遍的な拡大率はありません。単純なアイコン、テクスチャ付きの写真、小さなワードマークでは、失敗の仕方が異なります。意図したプレゼンテーションのサイズと視聴距離を判断し、特に認識可能なエッジ、文字カウンター、顔の特徴、繰り返しのパターンを確認します。
1 対 1 ピクセルで結果を調べる前に、通常の表示スケールで結果を検査してください。ファイルを拡大すると粗く見えますが、小さなカードでは正しく表現できますが、一見スムーズなプレビューではブランドの文字が判読できなくなる場合があります。承認には、考え出された「安全な」スケール制限に依存するのではなく、使用目的を説明する必要があります。
有効な代替案 — 元のファイルを見つける、デザイン ソースから再エクスポートする、またはピクセルに適合する小さな配置を選択する
最良の代替案は、より大きなオリジナル、またはデザイン ソースから新規にエクスポートすることです。ベクター ロゴは、最終的な寸法で直接レンダリングできます。どちらも存在しない場合、contain モードは小さなアセットの形状全体を保持しながら、未使用のスペースを単色またはぼかした背景で埋めることができるため、フレームを覆うまで引き伸ばす必要がなくなります。
もう 1 つの正直な選択は、デザインされたキャンバス内での配置を小さくすることです。 Social Image Resizer はレイアウト エディターではありませんが、その包含モードは原理を示しています。min-scale は画像全体に適合し、オーバーフローしない軸を中心に固定します。背景は、補間によって高解像度のアートワークが復元されたように見せるのではなく、意図的なコンポーネントになります。
作業例: 作成された品質スコアではなく、観察された出力を使用してカバーと包含を比較します
小さな正方形のバッジを取得し、現在の 1080×1080 プリセットをターゲットにします。まず表紙を使用し、拡大された端と本文を検査します。次に、意図的な背景を含むものに切り替えて、より小さな目に見えるスケールでバッジの信頼性が保たれているかどうかを比較します。通信所有者がどちらかを承認するまで、両方をテストとしてのみ保存します。
意味のある観察は、ソース寸法、ターゲット寸法、フィット モード、および目に見える欠陥です。捏造された品質スコアを添付しないでください。含まれているバージョンの通信が良好であれば、このアセットの拡大よりもフレーミングの方が優れたパフォーマンスを発揮できることが結果によって証明されます。どちらも機能しない場合は、やみくもに品質を調整するのではなく、元の設計者に戻ることを裏付ける証拠があります。
これでカバーされないもの — 機械学習アップスケーラー。これは、妥当な詳細を復元するのではなく生成し、このツールの外にあります。
機械学習アップスケーラーは、このツールの外部にあります。もっともらしいテクスチャやエッジを生成できますが、生成された詳細はソースから復元された証拠ではありません。この違いは、製品、文書、歴史的な写真の場合に重要になる可能性があり、そこでは、説得力があるように見えても、発明されたマークが意味を変える可能性があります。
ToolAcre は、ロゴのベクトル化、スケーリング後のシャープ化、またはタイプの再構築も行いません。そのコントロールは、トリミング、フィット、ズーム、位置、背景、出力形式、品質です。これらの制限は、結果を説明可能に保つため役立ちます。つまり、ブラウザーは、セマンティック復元を要求せずに、提供されたピクセルをサンプリングしてエンコードしました。
要点: 見つけられる最大のオリジナルから開始します。Social Image Resizer はブラウザ内で画像を切り取ったり拡大縮小したりしますが、詳細を作成することはありません
フィードからコピーしたサムネイルからではなく、最大の信頼できるオリジナルから開始します。それでも拡大が必要な場合は、納品サイズで検査し、ソースの内容に期待を結び付けてください。スムージングによりエッジの外観が変わる場合があります。一度も取得されなかった情報、またはすでに破棄された情報を回復することはできません。
Social Image Resizer には、フレームを埋めてオーバーフロー トリミングを受け入れるか、画像を含めて背景を使用するという 2 つの実用的な選択肢があります。壊れやすい資産を拡張する前に、それらを比較してください。場合によっては、最もプロフェッショナルなサイズ変更は、小さなロゴを大きなオリジナルであるかのように見せることを拒否するものです。