I need same size of output images from asp.net webpage

Question

0.00/5 (No votes)

See more:

XML

Dear Sir,

Example :

<table>
<tr>
   <td height="50px" width="50px">
      <img src="Nature.jpg"/>
   </td>
   <td>
      <p>Name :Mohan</p>
      <p>Address</p>
      <p>Contact</p>
   </td>
</tr>
<tr>
   <td height="50px" width="50px">
     <img src="Image.jpg"/>
   </td>
   <td>
      <p>Name :Kumar</p>
      <p>Address</p>
      <p>Contact</p>
   </td>
</tr>
</table>

Note My Image Size is,
nature.jpg(height:500px,Width:400px) and
Image.jpg(height:700px,width:500px)

How to set these images to based my table td width and height

I mean need for same size of out put in my page

reply me.

Posted 31-Jan-12 21:01pm

Mohankumar.Engain

Updated 31-Jan-12 21:08pm

Anuja Pawar Indore

v2

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sergey Alexandrovich Kryukov · Answer 1 · 2012-01-31T21:22:00

OK, it can make some sense. Here is what you can do:

First of all, images can have different aspect ratio. So, first of all, decide if you want same width or same height. Even if the aspect ratio is the same, always specify only width or only height, never both — just in case. Or, the width of one image should match the height of another one, or any other relationships between sized. It should be defined by your layout and design.

Specify it in the image tag (not table elements or something like that):

HTML

<img src="myFile.png" width="400" alt="My image" />

or

HTML

<img src="myFile.png" width="500" alt="My image" />

Try to make it so the original image size is only the same as the rendered size or a bit bigger, so it can only scaled (re-sampled) down, not up. Your image will be re-sampled automatically by the browser. Well, minor enlargement can be satisfactory, but any considerable enlargement can look really ugly, even if you use the finest off-line algorithm.

In all cases, it's the best to keep only minor level of re-sampling in browser. The ideal situation is the exact size match with the source image. If you scale down too much, you waste considerable amount of bandwidth. If you scale up just a bit to much, it's even worse — please see above. If you need to change rendered image sizes, try to replace the source images with the images of different size.

—SA

Anuja Pawar Indore · Answer 2 · 2012-01-31T21:12:00

Solution 1

Fix the height and width of the img tag

HTML

<img src="smiley.gif" alt="Smiley face" height="500" width="500" />

Posted 31-Jan-12 21:12pm

Anuja Pawar Indore

Comments

Mohankumar.Engain 1-Feb-12 10:03am

Hi Anuja Pawar,

I need my image automatically increased/Decreased height and width based on my <td> size. I give my <td height="70px" width="50px">
So, image will fix that area. whatever we want insert image size height=100px and width=200px td size only display

Give me solution?