如何将PSD模板切片为html/css

Question

我正在将PSD模板编码为html/css。该文件由大约50层组成，我已经用Photoshop脚本将其导出到PNG。我是这样开始的：

<div id="container_1">
  <div id="container_2">
    <div id="containter_3">
       etc
    </div>
  </div>
</div>

每一层都与模板大小完全相同，背景透明。起初，我对这种方法很满意，因为它工作得很好，让我不用太担心定位问题，但由于现在div的数量巨大，代码对我来说开始显得很奇怪，更不用说现在页面加载真的很慢了。这肯定是一个非常愚蠢的问题，但我应该在从PSD导出图像后裁剪图像吗？也许甚至可以将几层组合在一起，而不是将它们一层接一层地单独放在页面上（有几层可以在带有文本的块周围创建装饰性边框）？

Answer 1

您可以尝试一下本教程：http://net.tutsplus.com/articles/news/slice-and-dice-that-psd/