Адаптивное изображение из Psd в HTML

У меня есть фотография в формате jpg шириной 1920 пикселей, но я хочу, чтобы она соответствовала этой ширине.

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>

Как я могу это сделать?

введите здесь описание изображения


html responsive psd
person Md Hannan    schedule 22.07.2016    source источник
comment
Разместите свой код в самом вопросе, чтобы мы могли вам помочь.   -  person Hunter Turner    schedule 22.07.2016
comment
Я не могу дать этот код здесь, он всегда показывает ошибку, когда я вставляю свой код в свой вопрос.   -  person Md Hannan    schedule 22.07.2016
comment
Возможный дубликат Сделать изображение адаптивным - самый простой способ   -  person Dennis van der Schagt    schedule 22.07.2016

Ответы (2)


arrow_upward
3
arrow_downward

Вы можете использовать %, чтобы сделать изображение отзывчивым вместо px.

Например, вы можете использовать ширину 50%, чтобы сделать изображение вдвое меньше размера страницы. (ширина=50%, вместо ширины=___px) <img src="source.jpeg" width="50%" height="75%">

person Gokul    schedule 22.07.2016
comment
В какой раздел я добавляю ширину 50%? - person Md Hannan; 22.07.2016
comment
‹html› ‹head› ‹title›изображение‹/title› ‹meta http-equiv=Content-Type content=text/html; charset=utf-8› ‹/head› ‹body bgcolor=#FFFFFF leftmargin=0 topmargin=0 marginwidth=0 marginheight=0 style=width:50%;› ‹!-- Сохранить для веб-фрагментов (image.jpg) - -› ‹div id=ima› ‹table id=Table_01 border=0 cellpadding=0 Cellspacing=0› ‹tr › ‹td colspan=17› ‹img src=images/image_01.jpg width=1920 height=29 alt=› ‹/td› ‹td› ‹img src=images/spacer.gif width=1 height=29 alt=›‹/td› ‹/tr› ‹tr› ‹ - person Md Hannan; 22.07.2016
comment
изменить ширину = 1920 на ширину = 50% - person Gokul; 22.07.2016
comment
можешь прийти по скайпу? - person Md Hannan; 22.07.2016

arrow_upward
0
arrow_downward

Альтернативное решение — изменить ширину в файле css.

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

person Gokul    schedule 22.07.2016