サムネイルを生成するvsイメージをスタイリングする

Question

私はいくつかの商品、つまりページあたり40~50個の商品を表示する必要があるeコマースサイトを持っています。すべての商品には商品の画像を表示する画像があります。

主なことは、データベースには、寸法が約720px-1024pxの製品のmeduim/high quality画像があることです。これらは変化する可能性があり、各画像にはこれらの2つの間の寸法があります。

私はこれらの画像をプロダクト用に表示するには2通りの方法があります。私は290X290の寸法の写真からサムネイルを生成するためにPHPスクリプトを使うことができます。あるいは、スタイルタグを使用して幅と高さを290X290実際の画像としてのソース

例を挙げて説明します。

オリジナル画像

私は画像

• <img src="/imagethumbnail.php?product_id=34"/>
• <img style="height:290px;width:290px" src="productimg.png"/>

finall画像を表示する

これを行うことができます

一つはPHPスクリプトを呼び出し、他の一つは、単にスタイルタグを使用しながら、サイズ290X290のサムネイル画像を生成します。

どちらもうまくいきますが、私はスタイルタグを使用するとイメージ品質をトレードオフすることができます。イメージを生成するためにスクリプトを使用すると、ページに表示されます。

これを行うためのより良い方法は何でしょうか、それに向けた完璧な解決策は何でしょうか？

Answer 1

標準的な方法は、事前にサムネイルを生成することだと思います。また、マークアップの幅と高さは、style属性ではなく、img要素の属性として設定することをお勧めします。