我有一位设计师使用Photoshop（.psd）设计我的网站。
现在我是将其转换为html / css的人。 在设计中，有尺寸为70x55的图标（图像）（用photoshop标尺测量）
我的问题是，当我将这些图像编码为html / css时，我应该使用以下代码吗？
<img src="img1.png" width="70px" height="55px"/>
这是如何将psd转换为html的？跟随设计师设计的实际psd上的尺寸，间距，距离是什么？
我是一个完整的菜鸟，所以任何帮助都将非常感激。
-UPDATE -
顺便说一句，当我将其编码为html / css时，我使用的是高分辨率桌面显示器（不是标准的显示器笔记本电脑屏幕），我按照psd设计的所有尺寸从图像到容器div和放大器;对话框（设计师设计了对话框）。
现在我完成编码后，按照设计（按照我在psd上看到的那样），当我在浏览器中查看我正在使用的当前大屏幕时，它看起来还不错。我看到的视图是页面在psd和大量空格中看起来相同，并且看起来不太紧凑。所以这里的一切看起来都不错。
现在，当我在朋友的笔记本电脑上使用标准显示器屏幕观看时，页面看起来非常紧凑，图像（来自psd，我遵循尺寸并用html / css编码）看起来很大，我编码的一些元素不适合浏览器屏幕。我确定这背后的原因是因为我使用的是较小的屏幕。
现在我想知道，我遵循了设计师在psd中设计的内容。我按照距离，图像尺寸等等......这里做错了谁？设计师是因为他设计的psd中的元素对于较小的显示器屏幕而言太大了？或者我不知道什么或可能在这里遗漏的东西？
任何指导都将是一个很大的帮助
答案 0 :(得分：1)
使用Photoshop中的切片工具剪切图像，然后保存以优化图像。
图像上的宽度和高度属性不是必需的，尽管它们会节省浏览器少量时间来读取图像以计算尺寸。使用CSS来控制图像的大小;但显然你应该避免将图像拉伸大于其原始尺寸，否则它将变成像素化。
默认情况下，图像将以其原始大小在浏览器中呈现。