我在Photoshop中有一个图像，我想把它变成导航图。我需要单独的部分作为按钮，但我不想剪切掉每一个单独的部分，并将其重新定位在html和css中。有没有一种方法可以拍摄一张图像，并将其一部分指定给某个链接，然后对其他链接进行同样的操作，而不将图像拆开？我有adobe Photoshop cs6，所以我在编辑方面确实有灵活性。
非常感谢你的帮助，我已经被这个问题困扰了好几天了。
以下是图片链接：http://picpaste.com/TheBestThingEver-DcyjrkW8.jpg
您可以使用图像映射。
概念：http://www.w3schools.com/tags/tag_area.asp
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap"> <!-- this name must match the 'usemap' name above -->
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
如何：http://www.graphics.com/article-old/creating-web-page-mockups-and-image-maps-photoshop
html中的map和area标记将帮助您实现这一点。这个链接就是一个例子http://www.htmlcodetutorial.com/images/images_famsupp_220.html