2015-09-22 210 views
0

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

+1

CSS无法对文件大小做任何事情...您应该在上传之前进行优化。 –

+0

但我不希望非技术人员不得不担心优化。 – Fearium

+0

jquery或vb怎么样?有什么建议么? – Fearium

回答

1

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

+0

所以用imagemagick,是否每个正在粘贴文件的员工都需要安装源代码?或者只是我?我对它的工作方式有点困惑,但对它进一步的研究不够。谢谢 – Fearium

+0

最好编写一个预处理函数,它将处理每个图像并保存已经优化的图像,以便在网站上显示它们。该软件应该只安装在托管您的网站的服务器上,员工不应该被考虑在内。 – hsrv

+0

所以我不想安装任何新的服务器,如果我不得不牺牲图像优化,那很好。我只是想让图像挤入div,不管图像的大小如何都不会变形。可以这样做吗? – Fearium