今天我們就針對在漫談open source 購物車(一)這篇文章中所提出關於商品圖片這個部分做進一步的討論
OSC2.2版本預設在上傳商品圖片時,只能選一張新的圖片來做上傳,這樣的上傳方式也導致會衍生下列問題
- 沒有對上傳的圖片做任何限制: 用於網站的圖片基本上解析度以不超過螢幕的解析度為原則(比如說寬度不超過1024px),上傳超過這個尺寸的照片,不但造成流量的增加,當使用者在瀏覽時,載入的速度也較慢
- 未產生縮圖 : OSC在做商品列表時,是以原始上傳的圖片去顯示,雖然列表的照片看起來比較小,但實際上還是那張大圖,假設一張圖的原始大小有200K,那一頁顯示20個商品就有將近4M的圖片要載入了~對於網路速度不快的使用者(比如說3G上網的朋友)應該不是個很好的體驗~(備註1)
- 上傳的圖片未分目錄存放 : OSC預設上傳的路徑是根目錄下的images這個目錄,基本上,一個目錄下放太多檔案會造成讀取的效率變差,而且很多虛擬主機的預設設定是一個目錄下僅顯示2000個檔案,當超過這個數量使用FTP瀏覽該目錄時,就會找不到很多檔案啦!
- 只能上傳一張圖 : 因為他資料庫的設計原本就是只有一個欄位來存放圖片的位置,除非去下載官網的多圖外掛套件來做擴充,否則這個部分還不方便的(備註2)
- 備註1. osc2.3這個版本,已被調整為可以上一張封面圖(列表用),及另外上其他的明細頁用的商品圖,但依然沒有自動產生縮圖,圖的大小要自行控制
- 備註2.osc2.3版已經可以逐一幫商品新增一張圖,但同樣的,並沒有產生縮圖或對圖片做任何限制,也無法選擇圖片上傳的路徑(全部都產生再images這個目錄下)