Можно и слайсом, можно по направляющим в ImageReady.
1.Открываешь psd-шаблон в фотошопе, смотришь, есть ли направляющие, если нет, то:
View > Extras, должна стоять галка (Ctrl+H).
Если напр-х нет, то: View > Show > Guides, должна стоять галка (Ctrl+; )
Если все равно нет, значит нет самих направляющихю. Включаешь линейки (Ctrl+R), и перетаскиваешь с нее move tool'ом (V)
2.Переключаешься в ImageReady (Shift+Ctrl+M)
3.Выбираешь нужные оптимизацию и формат изображения.
4.Slices > Create slices from Guides. Теперь есть много мелких картинок порезанных точно по направляющим.
5.Теперь в Save Optimized As (Ctrl+Shift+Alt+S) формат по-умолчанию HTML.
6.Сохраняешь.
HTML фотошоп выдает непригодный, вот изображения – самое оно