PSDテンプレートをhtml/cssにコーディングしています。このファイルは約50のレイヤーで構成されており、Photoshopスクリプトを使用してPNGにエクスポートしました。私はこのように始めました:
<div id="container_1">
<div id="container_2">
<div id="containter_3">
etc
</div>
</div>
</div>
各レイヤーは正確にテンプレートサイズで、背景は透明です。最初はこのアプローチに満足していました。問題なく機能し、ポジショニングについてあまり心配する必要がなかったのですが、divの数が膨大になったため、ページの読み込みが非常に遅いことは言うまでもなく、コードが奇妙に見え始めました。今。これは本当にばかげた質問に違いありませんが、PSDから画像をエクスポートした後に画像をトリミングする必要がありますか?たぶん、それらを別々にページに配置するのではなく、いくつかのレイヤーを一緒に組み合わせることができます(テキストでブロックの周りに装飾的な境界線を作成するいくつかのレイヤーがあります)?