自動調整圖像大小並縮小文件大小

我使用VB和Classic-ASP創建了一個動態網站。它允許同事將相關數據輸入到.csv文件中的字段中。他們所做的更改一旦存入網站，就會立即在網站上生效。自動調整圖像大小並縮小文件大小

有一個圖像的字段與站點上的285px X 175px容器有關。我希望他們能夠在該領域放置任何圖像，並且圖像將按比例變換以適應容器。但我希望圖像文件大小也根據其新的尺寸進行優化以節省加載時間。

使用CSS將img設置爲285x X 175px（與div大小相同）將對圖像執行有趣的操作，但不優化文件大小。

關於如何去做這件事的任何想法？ JS？ ASP？有更好的方法嗎？爲了澄清，我不希望員工在將其粘貼到.csv文件之前調整圖像大小。

HTML/ASP 

<img class="secondaryboxpic" src="images/<%=ins3%>"> 

CSS 

img.secondaryboxpic{ 
    margin: 0px 0px 0px -2px; 
    padding: 0px 0px 0px 0px; 
    width:285px; 
    height:175px; 
    float:left; 
}

只是爲了讓大家知道，我用FoxPro服務器側的複雜的操作，抓住每一個形象，吐出一個285px X 175px縮略圖使用本網站的。感謝大家的建議。

You can mark this as SOLVED.

來源

2015-09-22 Fearium

CSS無法對文件大小做任何事情...您應該在上傳之前進行優化。 –

但我不希望非技術人員不得不擔心優化。 – Fearium

jquery或vb怎麼樣？有什麼建議麼？ – Fearium

您需要使用的圖像處理工具，如imagemagick或網絡服務器的內置過濾器（https://developers.google.com/speed/pagespeed/module/filter-image-optimize）。

來源

2015-09-22 15:06:02 hsrv

所以用imagemagick，是否每個正在粘貼文件的員工都需要安裝源代碼？或者只是我？我對它的工作方式有點困惑，但對它進一步的研究不夠。謝謝 – Fearium

最好編寫一個預處理函數，它將處理每個圖像並保存已經優化的圖像，以便在網站上顯示它們。該軟件應該只安裝在託管您的網站的服務器上，員工不應該被考慮在內。 – hsrv

所以我不想安裝任何新的服務器，如果我不得不犧牲圖像優化，那很好。我只是想讓圖像擠入div，不管圖像的大小如何都不會變形。可以這樣做嗎？ – Fearium

自動調整圖像大小並縮小文件大小

回答

相關問題