生成縮略圖和造型圖像

Question

我有一個電子商務網站，我必須展示一些產品，即每頁40-50個產品。每個產品都有一個圖像，顯示產品的圖像。

最重要的是，在數據庫中我有一個尺寸爲720px-1024px左右的產品的中/高質量圖像，這些可以變化，每個圖像的尺寸介於這兩者之間。

現在，我有兩種不同的方式顯示產品的這些圖像，我可以使用一個PHP腳本來生成這些圖片的尺寸爲290X290的縮略圖，或者我可以使用樣式標籤並將寬度和高度設置爲290X290並將其作爲真實圖像來源。

讓我來舉個例子來解釋一下。

原始圖像

我能做到這一點，以顯示圖像

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

finall圖像

一個調用PHP腳本，並生成大小290X290的縮略圖而另外一個簡單的使用風格標籤。

他們兩個都工作正常，但我認爲當我使用風格的標籤，我看到了圖像quality.While當我使用腳本來生成圖像我看到在圖像生成權衡他們需要一段時間顯示在頁面上。

什麼是更好的方法來做到這一點，什麼是完美的解決方案呢？

Answer 1

我認爲標準方法是提前生成縮略圖。你應該在標記中將寬度和高度設置爲img元素的屬性，而不是在style屬性下。