ユーザーがアップロードした画像のサイズが異なる場合、同じ仕様で表示するにはどうすればよいですか?

たとえば、淘宝網の C 側の顧客は、さまざまな画像サイズの商品をアップロードします。解像度はすべて異なります。
ここにある写真は主に製品のメイン写真とメイン表​​示写真であり、製品詳細ページの写真ではありません。
最後にエフェクトの見せ方ですが、比較的高画質です。

1. サムネイルを生成し、元の画像と同じ比率に拡大縮小します。ただし、異なるサイズの画像がアップロードされるため、最終的なサムネイルは依然としてサイズが異なり、乱雑に見えます。 XX

2. 中央で切り抜き、左上隅で切り抜きます。この方法では画像が切れてしまい、非常に不快です。 XX

3. 固定サイズ: 必ず変形するため、絶対に使用できません。 XX

4. Zoom fillは私が現在使用しているソリューションですが、ユーザーがアップロードした画像のサイズと仕様を明確に説明できないため、結果は異なります。まだ汚い。

したがって、解決策の 1 つは、ユーザーがアップロードする画像のサイズを指定することです。しかし、私たちの顧客は比較的新しく、タオバオの販売者ではありません。この解決策は実現可能ですが、特定のサイズの画像のアップロードを強制するものではありません。ユーザーがアップロードした画像のサイズが異なる状況については、引き続き調査中です。対処方法。

私は方法を考えました。ユーザーがそれをアップロードした後、同様のアバター クリップを呼び出すことで、ユーザーは単に製品自体をフレームに収めることができます。この箱のサイズを制限します。その後、再度アップロードします。こうすることで隙間がなくなり、サイズが一定になります。

経験豊富な解決策をいくつか教えてください、ありがとう。

別の質問があります。たとえば、Qiniu Youpai OSS などは、写真をアップロードするときに、加工された写真のみを保存しますか、それとも元の写真を任意のサイズで呼び出すことができますか?ありがとうございます

ディスカッションへの返信(解決策)

1. 生成 サムネイルを生成します
1. サムネイルを生成する、つまり複数の写真を生成します

2. 制限するのが最善です。タオバオでも同様です。表示効果が良くない場合は、ユーザーの責任となります

複数の写真が保存されます