如何将PSD文件转换为响应HTML文件？

Question

我需要在我的网站上显示一个包含多个图像的psd文件。 我的网站反应灵敏。 在这种情况下，当我在网页内显示图片时：我应该将图片的位置设置为绝对 当我在移动设备上预览图像的位置时。

如何将此psd文件导出到固定图像位置的html或svg文件。

<div class="col-md-10">
    <img src="~/Images/package.png" class="img-responsive"/>
    <img src="~/Images/makesh.png" />
</div>

Answer 1

为什么不使用max-width的图片容器

.image_container{ text-align: center;}
.image_container img{ max-width: 100%;}

<div class="image_container">
    <img src="https://i.stack.imgur.com/VuXLO.png" alt="gas-pipe">
    <img src="https://i.stack.imgur.com/Lr6u0.png" alt="gas-pipe">
</div>