Question

我使用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.

Answer 1

您需要使用imagemagick或网络服务器等图像处理工具。 内置过滤器（https://developers.google.com/speed/pagespeed/module/filter-image-optimize）。

自动调整图像大小并缩小文件大小

1 个答案: