php - 写真のサイズを動的に変更する最良の方法

Question

これは漠然とした質問ですが、この問題を経験したことのある人からの提案と、おそらく提案を探しています。Web ページに 4 列に並べて表示したい、さまざまなサイズの製品画像の PHP 配列があります。問題は、サイズが異なるため、すべてが非常に「オフ」にならないように表示する方法がわからないことです。

以下は、奇妙に見える状況の例です。

奇妙な状況

これらの画像を「奇妙」に見えないように配置する最善の方法がわかりません。繰り返しますが、これは漠然としたものであることは承知していますが、おそらく誰かがこれを経験したことがありますか? 他のショッピングサイトはこの問題にどのように対処していますか?

ありがとう

score 2 · Accepted Answer

素晴らしい石積みの jQueryプラグインを検討しましたか?

編集: jQueryなしでも利用可能: http://vanilla-masonry.desandro.com/

score 1 · Accepted Answer

よろしければ、クラウドでの画像変換 (および高速 CDN による配信) を含む当社のサービスをご覧になることをお勧めします。

縦横比を維持しながら重力ベースのクロッピングを使用したり、顔検出ベースのクロッピングを使用して目的の画像に到達したりできます。「face_top」という名前のアップロードされた画像の 100x100 JPG を生成する例:

100x100、塗りつぶし、北

100x100、塗りつぶし、南

100x100、塗りつぶし、面

100x100、親指、顔

さらに多くの変換オプションが利用可能です。

score 0 · Accepted Answer

私は別の質問で似たようなことを答えていました.そこでは、縦横比（およびレターボックス）を維持するか、コンテンツをすべての親指に合わせてトリミングするオプションを使用して、画像のサイズを固定されたサムネイルの寸法に変更する方法の例を追加しました.

http://pastebin.com/STzAxrZAを見て、image_resize_jpg() の $maximize パラメータに注意してください。

HTML を変更しようとしているのか (そして奇数サイズの画像を維持しようとしているのか)、それともサムネイル画像の生成方法を変更しようとしているのかを判断する必要があると思います。

3 に答える 3