动态调整图像大小并保持宽高比

Question

我需要调整图像大小以在不同大小的不同页面上显示，以保持原始图像的高宽比。

我能做到这一点编程或者我需要预先加载不同尺寸

Answer 1

如果只设置宽度或图像的只是高度并保留其他维度未指定，浏览器会按比例缩放图像同时保持其宽高比。

工作演示：http://jsfiddle.net/jfriend00/NRLQ5/

Answer 2

我认为这个链接应该帮助你的图像： http://www.dzone.com/snippets/c-resize-image-while。当然，您可能需要根据需要调整逻辑。

Answer 3

如果您正在使用CSS3他们可以使用变换：规模（比例因子）

Answer 4

您可以使用WebImage类从System.Web.Helpers装配。 它提供了一种方法调整大小，这允许你来调整保持宽高比不变

 
public WebImage Resize(
    int width, 
    int height, 
    bool preserveAspectRatio, 
    bool preventEnlarge 
) 

除了可以使用文件路径，流，或字节数组创建WebImage实例，并很容易地添加水印。

 
WebImage image = new WebImage(Server.MapPath("~/upload/my_image.png")); 
WebImage image_small_1 = image.Resize(Convert.ToInt32(image.Width/2), Convert.ToInt32(image.Height/2), true, true); 

您可以将图片保存到磁盘或者如果你的环境允许其存储在缓存中

 
image_small_1.Save(Server.MapPath("~/upload/my_image_small_1.png"), "png", true); 

byte[] to_be_cached = image_small_1.GetBytes("png");