Photoshop

切图 从设计稿中切除网页的素材并在代码中引入图片 (复杂的图片或者解决兼容问题)

// 设计稿 (*.psd) -> 产出物 (*png, *.jpg)
<img src="../img/avatar.jpg" alt="desc">
<style type="text/css" media="screen">
  background-image: url(../../img/sprite.png);
  background-position: 0 0;
</style>