如何切片PSD模板到HTML/CSS？

我正在編寫一個PSD模板到html/css中。該文件包含大約50個圖層，我使用Photoshop腳本將其導出到PNG。我開始是這樣的：如何切片PSD模板到HTML/CSS？

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

每一層是完全模板尺寸，用透明背景。起初我對這種方法感到滿意，因爲它工作得很好，並且讓我不必擔心定位問題，但是現在div的數量已經非常龐大，代碼開始變得對我來說很奇怪，更不用說頁面加載真的很慢現在。這一定是一個非常愚蠢的問題，但是我應該在將圖像從PSD中導出後裁剪圖像嗎？也許甚至可以將幾個圖層組合在一起，而不是將它們分別放在頁面上（有幾個圖層可以創建帶有文本的塊的裝飾性邊框）？

來源

2012-09-13 Orav

沒有試圖聲音太討厭你已經採取了這樣的方法被稱爲精神錯亂。我建議去大學/大學並參加網頁設計和開發課程。 –

如何切片PSD模板到HTML/CSS？

回答

相關問題