ユーザーがアップロードした画像のサイズが異なる場合、同じ仕様で表示するにはどうすればよいですか?
たとえば、淘宝網の C 側の顧客は、さまざまな画像サイズの商品をアップロードします。解像度はすべて異なります。
ここにある写真は主に製品のメイン写真とメイン表示写真であり、製品詳細ページの写真ではありません。
最終的に効果を発揮する方法と、比較的高解像度です。
1. サムネイルを生成し、元の画像と同じ比率に拡大縮小します。ただし、異なるサイズの画像がアップロードされるため、最終的なサムネイルは依然としてサイズが異なり、乱雑に見えます。 XX
2. 中央で切り抜き、左上隅で切り抜きます。この方法では画像が切れてしまい、非常に不快です。 XX
3. 固定サイズ: 必ず変形するため、絶対に使用できません。 XX
4. Zoom 塗りつぶしは私が現在使用しているソリューションですが、ユーザーがアップロードした画像のサイズと仕様が明確に説明できないため、空白は異なります。そして結果はまだ汚いです。
so 解決策の 1 つは、ユーザーがアップロードする画像のサイズを指定することです。しかし、私たちの顧客は比較的新しく、タオバオの販売者ではありません。この解決策は実現可能ですが、特定のサイズの画像のアップロードを強制するものではありません。ユーザーがアップロードした画像のサイズが異なる状況については、引き続き調査中です。対処方法。
私は方法を考えました。ユーザーがアップロードした後、同様のアバター クリップを呼び出すことで、ユーザーは製品自体をフレームに入れるだけで済みます。この箱のサイズを制限します。その後、再度アップロードします。こうすることで隙間がなくなり、サイズが一定になります。
経験豊富な解決策をいくつか教えてください。ありがとうございます。
別の質問があります。たとえば、Qiniu Youpai OSS などでは、写真をアップロードするときに、加工された写真のみが保存されますか、それとも元の写真を任意のサイズで呼び出すことができますか?ありがとうございます
------ソリューションのアイデア----------------------
1. サムネイルの生成
これでいいんじゃないですか?