网页中的图像asp.net c#

网页中的图像asp.net c#,asp.net,image-resizing,Asp.net,Image Resizing,目标:根据分辨率调整图像大小 问题:如果不调整大小,对齐和图像结构将消失 需要以下代码:我不想将小图像调整为100%宽度 System.Drawing.Image img = System.Drawing.Image.FromFile(imgTest.Src); if (img.HorizontalResolution > 1000) { imgTest.Attributes.Add("width", "100%"); } 我这样做对吗?或

目标:根据分辨率调整图像大小

问题:如果不调整大小,对齐和图像结构将消失

需要以下代码:我不想将小图像调整为100%宽度

    System.Drawing.Image img = System.Drawing.Image.FromFile(imgTest.Src);
    if (img.HorizontalResolution > 1000)
    {
        imgTest.Attributes.Add("width", "100%");
    }

我这样做对吗?或者有没有其他的替代方法来做同样的事情?让我知道,我能用CSS替换C代码吗?

你能更具体一点吗

基本上,您是否将图像存储在新大小的某个位置

或者您只是希望在需要具有一定宽度/高度的DIV或td中显示图像

如果我没弄错的话,你只是想调整更大的图像大小,所以任何低于阈值的东西都不应该调整大小,对吗

如果它很容易显示,您可以放弃所有这些,只使用CSS

img
{
   max-width:1000px;
   max-height:1000px;
}
这将使任何超过这些约束的图像变小,但纵横比固定

此链接解释了这些CSS属性的基础


让我知道这是否有用!干杯

您可以使用CSS媒体查询来完成此操作。警告:目前网页设计师有一种趋势,即使用所谓的“响应式网页设计”技术来为移动设备实现这一点;我的建议是:不要追随这种时尚。只有在下载了所有标记和图像后,媒体查询才会启动。因此,如果您想为移动设备应用较小的图像,所有桌面版本仍然会被下载,从而导致严重的性能问题

如果您正试图为移动设备执行此操作,请为移动设备创建单独的站点,并对其应用CSS媒体查询。使用Mobi检测浏览器功能

如果它只是一个普通的桌面浏览器站点,CSS媒体查询就是一个不错的选择

与设置“最大宽度”和“高度”相比,使用此方法的优点是可以保持图像的质量。您可以通过为媒体查询提供较小的版本来实现这一点