Psd to html image responsive

Question

I have a jpg photo that size is 1920 px width but I want to responsive this width.

HTML

<html>
   <head>
      <title>image</title>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   </head>
   <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
      <!-- Save for Web Slices (image.jpg) --> 
      <table id="Table_01" style="width:50%" border="0" cellpadding="0" cellspacing="0">
         <tr>
            <td colspan="17"> <img src="images/image_01.jpg" width="1920" height="29" alt=""></td>
            <td> 
         </tr>
         <tr> <img src="images/spacer.gif" width="1" height="45" alt=""></td> </tr>
      </table>
      <!-- End Save for Web Slices --> 
   </body>
</html>

How can I do this?

Please post your code **in the question itself** so that we can help you. — Hunter Turner, Jul 22 '16 at 15:21
I can't give this code here it always show error when i paste my code in my question . — Md Hannan, Jul 22 '16 at 15:55
Possible duplicate of [Make an image responsive - simplest way](http://stackoverflow.com/questions/15458650/make-an-image-responsive-simplest-way) — Dennis van der Schagt, Jul 22 '16 at 16:25

Gokul · Answer 1 · 2016-07-22T16:27:34.680

3

You could use % to make the image responsive instead of px.

For eg,u can use 50% width to make the image half the size of the page. (width=50% ,instead of width=___px) <img src="source.jpeg" width="50%" height="75%">

edited Jul 22 '16 at 16:27

answered Jul 22 '16 at 15:28

Gokul

88
6

Which section i add width 50% ? – Md Hannan Jul 22 '16 at 15:36
image

– Md Hannan Jul 22 '16 at 15:51
change width="1920" to width="50%" – Gokul Jul 22 '16 at 15:52
can you come skype ? – Md Hannan Jul 22 '16 at 15:58

score 0 · Answer 2 · answered Jul 22 '16 at 16:23

0

An alternate solution is to change the width in the css file.

class-name-of-image.img{ width=50%; height=75%; }

answered Jul 22 '16 at 16:23

Gokul

88
6

Psd to html image responsive

2 Answers2