Maintain aspect ratio of an Image in a webform

Question

User973532244 posted

Hi,

My back end C# code gets the URL of an Image and the image is displayed in the ASPX page using an Image Control. The Image needs to be displayed within a certain size, for example the image needs to be contained within a 200px X 200px DIV. I've tried setting the width and height properties of the image control but this does not maintain the aspec ratio of the image when it's loaded. Is there a way I can dynamically display an image and maintain it's aspec ratio?

 cheers

Answer 1

User187056398 posted

If you only set one dimension of an ImageControl, the aspect ratio is maintained.

    <asp:Image ID="Image1" runat="server" ImageUrl="~/Images/April.JPG" />
    <asp:Image ID="Image2" runat="server" Height="50px" ImageUrl="~/Images/April.JPG" />    
    <asp:Image ID="Image3" runat="server" Width="30px" ImageUrl="~/Images/April.JPG" />

 

 

Answer 2

User973532244 posted

thanks very much, works great

Answer 3

User977725702 posted

I think it's not a good idea to resize image by specify Width or Heigh on a Image directly .. You might use an HttpHandler to reduce Image Size and Maintain Aspet Ratio.

 Take a look at this thread : http://forums.asp.net/t/1349134.aspx

Answer 4

User187056398 posted

I think it's not a good idea to resize image by specify Width or Heigh on a Image directly

Why not?