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

标签 html css image vba visual-studio

<分区>


我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。

关闭 7 年前

我使用 VB 和 Classic-ASP 创建了一个动态网站。它允许同事将相关数据输入到 .csv 文件的字段中。他们所做的更改会在他们点击保存后立即在网站上生效。

网站上有一个与 285 像素 X 175 像素容器相关的图像字段。我希望他们能够在该字段中放置任何图像,并且图像将按比例变换以适合容器。但我希望图像文件大小也根据其新尺寸进行优化,以节省加载时间。

使用 CSS 将 img 设置为 285x X 175px(与 div 大小相同)会对图像做一些有趣的事情并且不会优化文件大小。

关于如何解决这个问题有什么想法吗?杰士? 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 的缩略图供网站使用。谢谢大家的建议。

您可以将其标记为已解决。

最佳答案

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

关于html - 自动调整图像大小并缩小文件大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32720231/

上一篇:HTML div 居中

下一篇:HTML:样式 float 和导航样式之间的冲突?

相关文章:

javascript - 触摸事件未注册使用 Flash CC 的 HTML5 Canvas 创作

jquery - 在页面加载时为 bootstrap 2.0 更改 body 标签

javascript - 如何让 window[VariableName] 进入 if 语句条件?

css - 直接浏览图像时将 CSS 应用于图像

excel - 复制图像 - Excel VBA

html - 将鼠标悬停在同一级别的另一个元素上时更改文本颜色

javascript - 使用 jQuery 的模块化 AJAX 加载指示器

jquery - onclick 事件,无法使用 jQuery 更改 .CSS 文件

javascript - 通过 JS 访问@keyframes

image - 在按钮中居中图标和文本 Xamarin XAML